<template>
   <div v-cloak class="d-flex">
      <!-- <Header></Header> -->
      <SideBar></SideBar>
      <main id="main" class="main">
         <router-view/>
      </main>
      <!-- <Footer></Footer> -->
   </div>
</template>

<script>
import Header from '../layout/Header.vue';
import SideBar from '../layout/SideBar.vue';
import Footer from '../layout/Footer.vue';

const App = {
   data: () => {
      return {
      }
   },
   methods: {

   },
   watch: {

   },
   computed: {

   },
   components: {
      'Header': Header,
      'SideBar': SideBar,
      'Footer': Footer,
   },
   mounted: () => {
      console.log('Vue mounted');
   }
}

export default App;
</script>

<style scoped>
  
</style>
