<template>
      <div class="flex justify-between">
         <Side></Side>
         <div>
            <Menu></Menu>
            <div class="main-wrap">
                <router-view />
            </div>
         </div>
      </div>

</template>

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

export default {
    data() {
        return {
        }
    },
    methods: {
       
    },
    watch: {

    },
    computed: {

    },
    components: {
        Header: Header,
      Menu: Menu,
      // Footer:Footer,
      Side:Side,
    },
    mounted() {
        console.log('main mounted');
    }
}
</script>