new selfhosted version

dashboard/components/NavSecondary.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { LucideIcon } from 'lucide-vue-next'
+import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar'
+
+const props = defineProps<{
+    items: {
+        title: string
+        url: string
+        icon: LucideIcon
+    }[]
+}>()
+</script>
+<template>
+    <SidebarGroup>
+        <SidebarGroupContent>
+            <SidebarMenu>
+                <SidebarMenuItem v-for="item in items" :key="item.title">
+                    <SidebarMenuButton as-child size="sm">
+                        <a :href="item.url">
+                            <component :is="item.icon" />
+                            <span>{{ item.title }}</span>
+                        </a>
+                    </SidebarMenuButton>
+                </SidebarMenuItem>
+            </SidebarMenu>
+        </SidebarGroupContent>
+    </SidebarGroup>
+</template>