themblem/web/src/layouts/DefaultLayout.vue
2024-09-01 21:51:50 +01:00

31 lines
645 B
Vue

<template>
<div>
<AppSidebar />
<div class="wrapper d-flex flex-column min-vh-100 bg-light">
<AppHeader />
<div class="body flex-grow-1 px-3">
<CContainer lg>
<router-view />
</CContainer>
</div>
<AppFooter />
</div>
</div>
</template>
<script>
import { CContainer } from '@coreui/vue'
import AppFooter from '@/components/AppFooter.vue'
import AppHeader from '@/components/AppHeader.vue'
import AppSidebar from '@/components/AppSidebar.vue'
export default {
name: 'DefaultLayout',
components: {
AppFooter,
AppHeader,
AppSidebar,
CContainer,
},
}
</script>