Implement projects and project keys

resources/js/components/AppSidebar.vue

@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { Link, usePage } from '@inertiajs/vue3';
-import { BookOpen, FolderGit2, LayoutGrid, Shield } from 'lucide-vue-next';
+import {
+    BookOpen,
+    Folder,
+    FolderGit2,
+    LayoutGrid,
+    Shield,
+} from 'lucide-vue-next';
 import { computed } from 'vue';
 import AppLogo from '@/components/AppLogo.vue';
 import NavFooter from '@/components/NavFooter.vue';
@@ -16,6 +22,7 @@ import {
     SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import { index as adminUsers } from '@/routes/admin/users';
+import { index as projectsIndex } from '@/routes/projects';
 import { dashboard } from '@/routes';
 import type { NavItem } from '@/types';
 
@@ -28,6 +35,11 @@ const mainNavItems = computed<NavItem[]>(() => {
             href: dashboard(),
             icon: LayoutGrid,
         },
+        {
+            title: 'Projects',
+            href: projectsIndex(),
+            icon: Folder,
+        },
     ];
 
     if (page.props.auth.user.is_admin) {