testapi/resources/js/layouts/app/AppHeaderLayout.vue

24 lines
557 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>