24 lines
556 B
Vue
24 lines
556 B
Vue
|
<script setup lang="ts">
|
||
|
|
import AppContent from '@/components/AppContent.vue';
|
||
|
|
import AppHeader from '@/components/AppHeader.vue';
|
||
|
|
import AppShell from '@/components/AppShell.vue';
|
||
|
|
import type { BreadcrumbItemType } from '@/types';
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
breadcrumbs?: BreadcrumbItemType[];
|
||
|
|
}
|
||
|
|
|
||
|
|
withDefaults(defineProps<Props>(), {
|
||
|
|
breadcrumbs: () => [],
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<AppShell class="flex-col">
|
||
|
|
<AppHeader :breadcrumbs="breadcrumbs"/>
|
||
|
|
<AppContent>
|
||
|
|
<slot />
|
||
|
|
</AppContent>
|
||
|
|
</AppShell>
|
||
|
|
</template>
|