39 lines
1.1 KiB
Vue
39 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import { usePage } from '@inertiajs/vue3';
|
|
import AppSidebar from '@/components/AppSidebar.vue';
|
|
import UserNav from '@/components/UserNav.vue';
|
|
import { Separator } from '@/components/ui/separator';
|
|
import {
|
|
SidebarInset,
|
|
SidebarProvider,
|
|
SidebarTrigger,
|
|
} from '@/components/ui/sidebar';
|
|
|
|
defineProps<{
|
|
title?: string;
|
|
}>();
|
|
|
|
const page = usePage();
|
|
</script>
|
|
|
|
<template>
|
|
<SidebarProvider :default-open="page.props.sidebarOpen">
|
|
<AppSidebar />
|
|
<SidebarInset>
|
|
<header class="flex h-16 shrink-0 items-center gap-2 border-b px-4">
|
|
<SidebarTrigger class="-ml-1" />
|
|
<Separator orientation="vertical" class="mr-2 h-4" />
|
|
<h1 v-if="title" class="text-lg font-semibold">
|
|
{{ title }}
|
|
</h1>
|
|
<div class="ml-auto">
|
|
<UserNav />
|
|
</div>
|
|
</header>
|
|
<div class="flex min-w-0 flex-1 flex-col gap-4 p-4">
|
|
<slot />
|
|
</div>
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
</template>
|