cleanup of vue starter kit

tnylea · tnylea · commit 6d8ec73e83e9 · 2025-01-06T16:09:07.000-05:00
diff --git a/resources/js/layouts/AppLayout.vue b/resources/js/layouts/AppLayout.vue
@@ -9,6 +9,7 @@ import {
     BreadcrumbPage,
     BreadcrumbSeparator,
 } from '@/components/ui/breadcrumb';
+import { type BreadcrumbItemType } from '@/types'
 import { Separator } from '@/components/ui/separator';
 import {
     SidebarInset,
@@ -22,14 +23,14 @@ interface BreadcrumbItem {
 }
 
 interface Props {
-    breadcrumbItems?: BreadcrumbItem[];
+    breadcrumbs?: BreadcrumbItemType[];
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    breadcrumbItems: () => [],
+    breadcrumbs: () => [],
 });
 
-const isOpen = ref(localStorage.getItem('sidebar') === 'true' ?? true);
+const isOpen = ref(localStorage.getItem('sidebar') === 'true');
 
 const handleSidebarChange = (open: boolean) => {
     isOpen.value = open;
@@ -48,13 +49,13 @@ const handleSidebarChange = (open: boolean) => {
             <header class="flex h-16 shrink-0 items-center w-full justify-between gap-2 border-b px-4">
                 <div class="flex items-center gap-2">
                     <SidebarTrigger class="-ml-1" />
-                    <template v-if="breadcrumbItems.length > 0">
+                    <template v-if="breadcrumbs.length > 0">
                         <Separator orientation="vertical" class="mr-2 h-4" />
                         <Breadcrumb>
                             <BreadcrumbList>
-                                <template v-for="(item, index) in breadcrumbItems" :key="index">
+                                <template v-for="(item, index) in breadcrumbs" :key="index">
                                     <BreadcrumbItem>
-                                        <template v-if="index === breadcrumbItems.length - 1">
+                                        <template v-if="index === breadcrumbs.length - 1">
                                             <BreadcrumbPage>{{ item.title }}</BreadcrumbPage>
                                         </template>
                                         <template v-else>
@@ -63,7 +64,7 @@ const handleSidebarChange = (open: boolean) => {
                                             </BreadcrumbLink>
                                         </template>
                                     </BreadcrumbItem>
-                                    <BreadcrumbSeparator v-if="index !== breadcrumbItems.length - 1" />
+                                    <BreadcrumbSeparator v-if="index !== breadcrumbs.length - 1" />
                                 </template>
                             </BreadcrumbList>
                         </Breadcrumb>
diff --git a/resources/js/pages/Dashboard.vue b/resources/js/pages/Dashboard.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import AppLayout from '@/layouts/AppLayout.vue';
+import { type BreadcrumbItemType } from '@/types'
 import { Head } from '@inertiajs/vue3';
 
 interface BreadcrumbItem {
     title: string;
     href: string;
 }
 
-const breadcrumbItems: BreadcrumbItem[] = [
+const breadcrumbs: BreadcrumbItemType[] = [
     {
         title: 'Dashboard',
         href: '/dashboard'
@@ -22,7 +23,7 @@ defineProps<{
 <template>
     <Head title="Dashboard" />
 
-    <AppLayout :breadcrumb-items="breadcrumbItems">
+    <AppLayout :breadcrumbs="breadcrumbs">
         <div class="flex flex-1 flex-col gap-4 p-4">
             <div class="grid auto-rows-min gap-4 md:grid-cols-3">
                 <div class="aspect-video rounded-xl bg-muted/50" />
diff --git a/resources/js/types/breadcrumb.types.ts b/resources/js/types/breadcrumb.types.ts
@@ -0,0 +1,4 @@
+export interface BreadcrumbItemType {
+    title: string
+    href: string
+}
diff --git a/resources/js/types/index.ts b/resources/js/types/index.ts
@@ -0,0 +1,3 @@
+export * from './breadcrumb.types'
+export * from './nav.types'
+export * from './user.types'
diff --git a/resources/js/types/nav.types.ts b/resources/js/types/nav.types.ts
@@ -0,0 +1,8 @@
+import { LucideIcon } from 'lucide-react'
+
+export interface NavItemType {
+    title: string
+    url: string
+    icon?: LucideIcon|null
+    isActive?: boolean
+}
diff --git a/resources/js/types/user.types.ts b/resources/js/types/user.types.ts
@@ -0,0 +1,9 @@
+export interface UserType {
+    id: number
+    name: string
+    email: string
+    email_verified_at: string | null
+    created_at: string
+    updated_at: string
+    [key: string]: any // This allows for additional properties
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export * from './breadcrumb.types'`
	`2`	`+export * from './nav.types'`
	`3`	`+export * from './user.types'`