From 524e22091433bf794667244fc6d029cb5ab5f522 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Mon, 22 May 2023 19:05:17 +0200
Subject: [PATCH] chore(VerticalNavigation): improve binds & types

---
 .../navigation/VerticalNavigation.vue         | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/runtime/components/navigation/VerticalNavigation.vue b/src/runtime/components/navigation/VerticalNavigation.vue
index 72f9ea9d..5978d1fd 100644
--- a/src/runtime/components/navigation/VerticalNavigation.vue
+++ b/src/runtime/components/navigation/VerticalNavigation.vue
@@ -4,11 +4,11 @@
       v-for="(link, index) of links"
       v-slot="{ isActive }"
       :key="index"
-      v-bind="link"
+      v-bind="omit(link, ['label', 'icon', 'iconClass', 'avatar', 'badge', 'click'])"
       :class="[ui.base, ui.padding]"
       :active-class="ui.active"
       :inactive-class="ui.inactive"
-      @click="link.click && link.click()"
+      @click="link.click"
       @keyup.enter="$event.target.blur()"
     >
       <slot name="avatar" :link="link">
@@ -40,11 +40,12 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import type { RouteLocationNormalized } from 'vue-router'
+import type { RouteLocationRaw } from 'vue-router'
 import { defu } from 'defu'
 import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
 import ULinkCustom from '../elements/LinkCustom.vue'
+import { omit } from '../../utils'
 import type { Avatar as AvatarType } from '../../types/avatar'
 import { useAppConfig } from '#imports'
 // TODO: Remove
@@ -62,15 +63,15 @@ export default defineComponent({
   props: {
     links: {
       type: Array as PropType<{
-      to?: RouteLocationNormalized | string
-      exact?: boolean
-      label: string
-      icon?: string
-      iconClass?: string
-      avatar?: Partial<AvatarType>
-      click?: Function
-      badge?: string | number
-    }[]>,
+        to?: string | RouteLocationRaw
+        exact?: boolean
+        label: string
+        icon?: string
+        iconClass?: string
+        avatar?: Partial<AvatarType>
+        click?: Function
+        badge?: string | number
+      }[]>,
       default: () => []
     },
     ui: {
@@ -86,7 +87,8 @@ export default defineComponent({
 
     return {
       // eslint-disable-next-line vue/no-dupe-keys
-      ui
+      ui,
+      omit
     }
   }
 })