24 lines
577 B
Vue
24 lines
577 B
Vue
<script setup lang="ts">
|
|
import { usePage } from '@inertiajs/vue3';
|
|
import { SidebarProvider } from '@/components/ui/sidebar';
|
|
import type { AppShellProps } from '@/types';
|
|
|
|
withDefaults(defineProps<AppShellProps>(), {
|
|
variant: 'sidebar',
|
|
});
|
|
|
|
const isOpen = usePage().props.sidebarOpen;
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
v-if="variant === 'header'"
|
|
class="bg-background text-foreground flex min-h-screen w-full flex-col"
|
|
>
|
|
<slot />
|
|
</div>
|
|
<SidebarProvider v-else :default-open="isOpen">
|
|
<slot />
|
|
</SidebarProvider>
|
|
</template>
|