<template>
   <div v-if="this.$route.path.startsWith('/adm')">
      <AdminHeader />
      <SideBar></SideBar>
      <main class="main-wrap">
         <router-view/>
      </main>
   </div>
   <div v-else>
      <main class="main-wrap">
         <SideBar></SideBar>
         <router-view/>
      </main>
   </div>
</template>

<script>
import AdminHeader from '../layout/AdminHeader.vue';
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: {
      'AdminHeader': AdminHeader,
      'Header': Header,
      'SideBar': SideBar,
      'Footer': Footer,
   },
   mounted: () => {}
}

export default App;
</script>

