<template>
   <div id="app">
      <!-- <Header></Header> -->
               <router-view />
                  <v-app >
                  </v-app>
   </div>
   <!-- <div >
      
      <div class="flex justify-between">
         <Side></Side>
         <div>
            <Menu></Menu>
            <div class="main-wrap">
                 
               <router-view />
                  <v-app id="app">
                  </v-app>
            </div>
         </div>
      </div>
   </div> -->
</template>

<script>
import Header from '../views/layout/Header.vue';
import Menu from '../views/layout/Menu.vue';
import Side from '../views/layout/Side.vue';
// import Footer from '../views/layout/Footer.vue';

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

   },
   watch: {

   },
   computed: {

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

export default App;
</script>

<style scoped>

</style>
