Remove unused features from starter kit, #35

resources/js/layouts/AppLayout.vue

@@ -1,24 +1,19 @@
 <script setup lang="ts">
-import AppLayout from '@/layouts/app/AppSidebarLayout.vue';
-// import AppLayout from '@/layouts/app/AppHeaderLayout.vue'; 
-import type { BreadcrumbItemType } from '@/types';
-import { ref, onMounted } from 'vue';
+import AppContent from '@/components/AppContent.vue';
+import AppSidebar from '@/components/AppSidebar.vue';
+import { onMounted } from 'vue';
 import 'vue-sonner/style.css'
 import { Toaster } from 'vue-sonner'
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from '@/components/ui/alert-dialog'
+import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '@/components/ui/alert-dialog'
 import { Info, CircleAlert, CircleCheck, LoaderCircle, Ban } from "lucide-vue-next"
 import { Button } from '@/components/ui/button'
 import { alertStore } from '@/stores/alertStore';
+import { SidebarProvider } from '@/components/ui/sidebar';
+import { usePage } from '@inertiajs/vue3';
 
-interface Props {
-    breadcrumbs?: BreadcrumbItemType[];
-}
+const isOpen = usePage().props.sidebarOpen;
 const alert = alertStore()
 
-withDefaults(defineProps<Props>(), {
-    breadcrumbs: () => [],
-});
-
 onMounted(() => {
     if (navigator.platform.toUpperCase().indexOf('MAC') >= 0) {
         document.body.classList.add('is-mac')
@@ -62,9 +57,12 @@ onMounted(() => {
         </template>
     </Toaster>
 
-    <AppLayout :breadcrumbs="breadcrumbs">
-        <slot />
-    </AppLayout>
+    <SidebarProvider :default-open="isOpen">
+        <AppSidebar />
+        <AppContent variant="sidebar" class="overflow-x-hidden bg-main">
+            <slot />
+        </AppContent>
+    </SidebarProvider>
 
     <AlertDialog v-model:open="alert.open">
         <AlertDialogContent>
@@ -79,6 +77,32 @@ onMounted(() => {
         </AlertDialogContent>
     </AlertDialog>
 
-
-
 </template>
+
+<style>
+@media print {
+
+    header,
+    [data-slot="sidebar"] {
+        display: none;
+    }
+
+    body {
+        margin: 25mm;
+    }
+
+    html,
+    body,
+    [data-slot-sidebar-wrapper] {
+        background-color: transparent;
+    }
+
+    main {
+        margin: 0;
+        background-color: transparent;
+        border-radius: 0;
+        box-shadow: none;
+        outline: none;
+    }
+}
+</style>