initial Setup and data structure

resources/js/layouts/AppLayout.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import AppLayout from '@/layouts/app/AppSidebarLayout.vue';
+import type { BreadcrumbItem } from '@/types';
+
+const { breadcrumbs = [] } = defineProps<{
+    breadcrumbs?: BreadcrumbItem[];
+}>();
+</script>
+
+<template>
+    <AppLayout :breadcrumbs="breadcrumbs">
+        <slot />
+    </AppLayout>
+</template>