@@ -11,7 +11,7 @@ import {
11
11
NavigationMenuList ,
12
12
navigationMenuTriggerStyle ,
13
13
} from ' @/components/ui/navigation-menu' ;
14
- import { Sheet , SheetContent , SheetHeader , SheetTrigger } from ' @/components/ui/sheet' ;
14
+ import { Sheet , SheetContent , SheetHeader , SheetTitle , SheetTrigger } from ' @/components/ui/sheet' ;
15
15
import { Tooltip , TooltipContent , TooltipProvider , TooltipTrigger } from ' @/components/ui/tooltip' ;
16
16
import UserMenuContent from ' @/components/UserMenuContent.vue' ;
17
17
import { getInitials } from ' @/composables/useInitials' ;
@@ -40,20 +40,20 @@ const activeItemStyles = computed(() => (url: string) => (isCurrentRoute(url) ?
40
40
const mainNavItems: NavItem [] = [
41
41
{
42
42
title: ' Dashboard' ,
43
- url : ' /dashboard' ,
43
+ href : ' /dashboard' ,
44
44
icon: LayoutGrid ,
45
45
},
46
46
];
47
47
48
48
const rightNavItems: NavItem [] = [
49
49
{
50
50
title: ' Repository' ,
51
- url : ' https://github.com/laravel/vue-starter-kit' ,
51
+ href : ' https://github.com/laravel/vue-starter-kit' ,
52
52
icon: Folder ,
53
53
},
54
54
{
55
55
title: ' Documentation' ,
56
- url : ' https://laravel.com/docs/starter-kits' ,
56
+ href : ' https://laravel.com/docs/starter-kits' ,
57
57
icon: BookOpen ,
58
58
},
59
59
];
@@ -76,14 +76,14 @@ const rightNavItems: NavItem[] = [
76
76
<SheetHeader class =" flex justify-start text-left" >
77
77
<AppLogoIcon class =" size-6 fill-current text-black dark:text-white" />
78
78
</SheetHeader >
79
- <div className =" flex flex-col justify-between h-full space-y-4 py-6 flex-1" >
79
+ <div class =" flex flex-col justify-between h-full space-y-4 py-6 flex-1" >
80
80
<nav class =" -mx-3 space-y-1" >
81
81
<Link
82
82
v-for =" item in mainNavItems"
83
83
:key =" item.title"
84
- :href =" item.url "
84
+ :href =" item.href "
85
85
class =" flex items-center gap-x-3 rounded-lg px-3 py-2 text-sm font-medium hover:bg-accent"
86
- :class =" activeItemStyles(item.url )"
86
+ :class =" activeItemStyles(item.href )"
87
87
>
88
88
<component v-if =" item.icon" :is =" item.icon" class =" h-5 w-5" />
89
89
{{ item.title }}
@@ -93,7 +93,7 @@ const rightNavItems: NavItem[] = [
93
93
<a
94
94
v-for =" item in rightNavItems"
95
95
:key =" item.title"
96
- :href =" item.url "
96
+ :href =" item.href "
97
97
target =" _blank"
98
98
rel =" noopener noreferrer"
99
99
class =" flex items-center space-x-2 text-sm font-medium"
@@ -116,9 +116,9 @@ const rightNavItems: NavItem[] = [
116
116
<NavigationMenu class =" ml-10 flex h-full items-stretch" >
117
117
<NavigationMenuList class =" flex h-full items-stretch space-x-2" >
118
118
<NavigationMenuItem v-for =" (item, index) in mainNavItems" :key =" index" class =" relative flex h-full items-center" >
119
- <Link :href =" item.url " >
119
+ <Link :href =" item.href " >
120
120
<NavigationMenuLink
121
- :class =" [navigationMenuTriggerStyle(), activeItemStyles(item.url ), 'h-9 cursor-pointer px-3']"
121
+ :class =" [navigationMenuTriggerStyle(), activeItemStyles(item.href ), 'h-9 cursor-pointer px-3']"
122
122
>
123
123
<component v-if =" item.icon" :is =" item.icon" class =" mr-2 h-4 w-4" />
124
124
{{ item.title }}
@@ -142,7 +142,7 @@ const rightNavItems: NavItem[] = [
142
142
<Tooltip >
143
143
<TooltipTrigger >
144
144
<Button variant =" ghost" size =" icon" as-child class =" group h-9 w-9 cursor-pointer" >
145
- <a :href =" item.url " target =" _blank" rel =" noopener noreferrer" >
145
+ <a :href =" item.href " target =" _blank" rel =" noopener noreferrer" >
146
146
<span class =" sr-only" >{{ item.title }}</span >
147
147
<component :is =" item.icon" class =" size-5 opacity-80 group-hover:opacity-100" />
148
148
</a >
@@ -182,7 +182,7 @@ const rightNavItems: NavItem[] = [
182
182
183
183
<div v-if =" props.breadcrumbs.length > 1" class =" flex w-full border-b border-sidebar-border/70" >
184
184
<div class =" mx-auto flex h-12 w-full items-center justify-start px-4 text-neutral-500 md:max-w-7xl" >
185
- <Breadcrumbs :breadcrumbs =" props. breadcrumbs" />
185
+ <Breadcrumbs :breadcrumbs =" breadcrumbs" />
186
186
</div >
187
187
</div >
188
188
</div >
0 commit comments