rag/resources/js/Layouts/AppLayout.vue

<script setup lang="ts">
import AppSidebar from '@/Components/AppSidebar.vue'
import {SidebarProvider, SidebarTrigger} from '@/Packages/Shadcn/Components/ui/sidebar'
import {Head} from "@inertiajs/vue3";

defineOptions({ inheritAttrs: false })

defineProps({
    pageClass: {
        default: () => null,
    },

    chats: {
        type: Array,
        default: () => [],
    }
})

</script>

<template>
    <Head/>

    <SidebarProvider>
        <AppSidebar :chats="chats" />

        <main class="container mx-auto px-2 md:px-0 md:pr-2 py-2" :class="pageClass">
            <slot/>
        </main>
    </SidebarProvider>
</template>

<style scoped>

</style>