diff --git a/src/runtime/components/navigation/VerticalNavigation.vue b/src/runtime/components/navigation/VerticalNavigation.vue
index c12ae4fc..bd060d86 100644
--- a/src/runtime/components/navigation/VerticalNavigation.vue
+++ b/src/runtime/components/navigation/VerticalNavigation.vue
@@ -40,13 +40,12 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import type { PropType } from 'vue'
-import type { RouteLocationRaw } from 'vue-router'
 import { defu } from 'defu'
 import { omit } from 'lodash-es'
 import UIcon from '../elements/Icon.vue'
 import UAvatar from '../elements/Avatar.vue'
 import ULinkCustom from '../elements/LinkCustom.vue'
-import type { Avatar } from '../../types/avatar'
+import type { Link } from '../../types/vertical-navigation'
 import { useAppConfig } from '#imports'
 // TODO: Remove
 // @ts-expect-error
@@ -62,16 +61,7 @@ export default defineComponent({
   },
   props: {
     links: {
-      type: Array as PropType<{
-        to?: string | RouteLocationRaw
-        exact?: boolean
-        label: string
-        icon?: string
-        iconClass?: string
-        avatar?: Partial<Avatar>
-        click?: Function
-        badge?: string | number
-      }[]>,
+      type: Array as PropType<Link[]>,
       default: () => []
     },
     ui: {
diff --git a/src/runtime/types/index.d.ts b/src/runtime/types/index.d.ts
index 3479ec04..f2a73914 100644
--- a/src/runtime/types/index.d.ts
+++ b/src/runtime/types/index.d.ts
@@ -4,3 +4,4 @@ export * from './clipboard'
 export * from './command-palette'
 export * from './notification'
 export * from './popper'
+export * from './vertical-navigation'
diff --git a/src/runtime/types/vertical-navigation.d.ts b/src/runtime/types/vertical-navigation.d.ts
new file mode 100644
index 00000000..a501a513
--- /dev/null
+++ b/src/runtime/types/vertical-navigation.d.ts
@@ -0,0 +1,13 @@
+import type { RouteLocationRaw } from 'vue-router'
+import type { Avatar } from './avatar'
+
+export interface Link {
+  to?: string | RouteLocationRaw
+  exact?: boolean
+  label: string
+  icon?: string
+  iconClass?: string
+  avatar?: Partial<Avatar>
+  click?: Function
+  badge?: string | number
+}