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

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