# All files / js/components AppShell.vue

0% Statements 0/3
0% Branches 0/2
0% Functions 0/1
0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22

     <script setup lang="ts">
    import { SidebarProvider } from '@/components/ui/sidebar';
    import { usePage } from '@inertiajs/vue3';

    interface Props {
        variant?: 'header' | 'sidebar';
    }

    defineProps<Props>();

    const isOpen = usePage().props.sidebarOpen;
    </script>

    <template>
        <div v-if="variant === 'header'" class="flex min-h-screen w-full flex-col">
            <slot />
        </div>
        <SidebarProvider v-else :default-open="isOpen">
            <slot />
        </SidebarProvider>
    </template>