<template>
  <div class="home">
    <sider-bar v-if="headerOnoff"></sider-bar>
    <router-view></router-view>
  </div>
</template>

<script>
  import SiderBar from '@/components/SiderBar.vue'

  export default {
    name: 'Home',
    components: {
      SiderBar
    },
    props: {
      headerOnoff: {
        type: Boolean,
        default: true
      }
    },
    data() {
      return {

      }
    }
  }
</script>

<style lang="scss">
  .home {
    display: flex;
    flex: 1;
    width: 100%;
    // height: 100%;

    .siderBar {
      display: flex;
      // width: 220px;
      height: 100%;
    }

    .container {
      display: flex;
      flex-direction: column;
      flex: 1;
      // overflow: auto;
    }
  }
</style>
