Add initial Code

2025-10-20 08:57:51 +02:00
parent d204098d8e
commit 9da301c4f1
447 changed files with 34393 additions and 0 deletions
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
+import { toUrl } from '@/lib/utils';
+import { type NavItem } from '@/types';
+import { Link } from '@inertiajs/vue3';
+
+interface Props {
+    items: NavItem[];
+    class?: string;
+}
+
+defineProps<Props>();
+</script>
+
+<template>
+    <SidebarGroup :class="`group-data-[collapsible=icon]:p-0 ${$props.class || ''}`">
+        <SidebarGroupContent>
+            <SidebarMenu>
+                <SidebarMenuItem v-for="item in items" :key="item.title">
+                    <SidebarMenuButton
+                        class="text-neutral-600 hover:text-neutral-800 dark:text-neutral-300 dark:hover:text-neutral-100"
+                        as-child>
+                        <!-- <a :href="toUrl(item.href)" target="_blank" rel="noopener noreferrer">
+                            <component :is="item.icon" />
+                            <span>{{ item.title }}</span>
+                        </a> -->
+                        <Link :href="item.href">
+                        <component :is="item.icon" :class="item.color" />
+                        <span>{{ item.title }}</span>
+                        </Link>
+                    </SidebarMenuButton>
+                </SidebarMenuItem>
+            </SidebarMenu>
+        </SidebarGroupContent>
+    </SidebarGroup>
+</template>