props added
This commit is contained in:
@@ -3,7 +3,7 @@ import type { NavigationMenuItem } from '@nuxt/ui'
|
||||
//import Logo from '@nuxt/ui'
|
||||
|
||||
|
||||
const items: NavigationMenuItem[][] = [
|
||||
const items_def: NavigationMenuItem[][] = [
|
||||
[{
|
||||
label: 'Home',
|
||||
icon: 'i-lucide-house',
|
||||
@@ -37,13 +37,20 @@ const items: NavigationMenuItem[][] = [
|
||||
to: 'https://github.com/nuxt/ui',
|
||||
target: '_blank'
|
||||
}]]
|
||||
|
||||
const props = defineProps<{
|
||||
items? : NavigationMenuItem[][]
|
||||
}>()
|
||||
|
||||
const items: NavigationMenuItem[][] = props.items ?? items_def;
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<UDashboardSidebar collapsed resizable :ui="{ footer: 'border-t border-default' }">
|
||||
|
||||
<UDashboardSidebar collapsible resizable :ui="{ footer: 'border-t border-default' }">
|
||||
<template #header="{ collapsed }">
|
||||
<UIcon v-if="!collapsed" name="i-simple-icons-nuxtdotjs" class="h-5 w-auto shrink-0" />
|
||||
<AppLogo icon="i-simple-icons-nuxtdotjs" text="Nuxt" v-if="!collapsed" name="i-simple-icons-nuxtdotjs" class="h-5 w-auto shrink-0" />
|
||||
<UIcon v-else name="i-simple-icons-nuxtdotjs" class="size-5 text-primary mx-auto" />
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user