28 lines
764 B
Vue
28 lines
764 B
Vue
<script setup lang="ts">
|
|
import AppContent from '@/components/AppContent.vue';
|
|
import AppShell from '@/components/AppShell.vue';
|
|
import AppSidebar from '@/components/AppSidebar.vue';
|
|
import AppSidebarHeader from '@/components/AppSidebarHeader.vue';
|
|
import { Toaster } from '@/components/ui/sonner';
|
|
import type { BreadcrumbItem } from '@/types';
|
|
|
|
type Props = {
|
|
breadcrumbs?: BreadcrumbItem[];
|
|
};
|
|
|
|
withDefaults(defineProps<Props>(), {
|
|
breadcrumbs: () => [],
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<AppShell variant="sidebar">
|
|
<AppSidebar />
|
|
<AppContent variant="sidebar" class="overflow-x-hidden">
|
|
<AppSidebarHeader :breadcrumbs="breadcrumbs" />
|
|
<slot />
|
|
</AppContent>
|
|
<Toaster />
|
|
</AppShell>
|
|
</template>
|