<template>
  <div class="app-layout">
    <app-header />
    <app-main />
    <app-footer v-if="hasFooter" />
    <right-aside />
  </div>
</template>

<script>
import AppHeader from './header'
import AppMain from './main'
import AppFooter from './footer'
import RightAside from './rightAside'
export default {
  props: {
    hasFooter: { type: Boolean, default: true }
  },
  components: { AppHeader, AppMain, AppFooter, RightAside }
}
</script>
