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

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