<template>
  <div class="layout">
    <AppHeader v-bind="$attrs" />
    <div class="main">
      <router-view></router-view>
    </div>
    <AppFooter v-if="footer" />
    <RightAside />
  </div>
</template>

<script>
import AppHeader from './header.vue'
import AppFooter from './footer.vue'
import RightAside from './rightAside'

export default {
  components: { AppHeader, AppFooter, RightAside },
  props: { footer: { type: Boolean, default: false } }
}
</script>

<style lang="scss" scoped>
.layout {
  min-height: 100vh;
  .main {
    position: relative;
    width: 100%;
    height: 100%;
  }
}
</style>
