From 05b8a22eec074710a1030ac73b7fc9d9ca19ab3b Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 12 Jul 2023 18:44:09 +0200
Subject: [PATCH] chore(Dropdown): add `Item` type

---
 src/runtime/components/elements/Dropdown.vue | 16 ++--------------
 src/runtime/types/dropdown.d.ts              | 15 +++++++++++++++
 src/runtime/types/index.d.ts                 |  1 +
 3 files changed, 18 insertions(+), 14 deletions(-)
 create mode 100644 src/runtime/types/dropdown.d.ts

diff --git a/src/runtime/components/elements/Dropdown.vue b/src/runtime/components/elements/Dropdown.vue
index c99b4bbc..63339fb6 100644
--- a/src/runtime/components/elements/Dropdown.vue
+++ b/src/runtime/components/elements/Dropdown.vue
@@ -47,7 +47,6 @@
 <script lang="ts">
 import { defineComponent, ref, computed, onMounted } from 'vue'
 import type { PropType } from 'vue'
-import type { RouteLocationRaw } from 'vue-router'
 import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem } from '@headlessui/vue'
 import { defu } from 'defu'
 import { omit } from 'lodash-es'
@@ -56,7 +55,7 @@ import UAvatar from '../elements/Avatar.vue'
 import UKbd from '../elements/Kbd.vue'
 import ULinkCustom from '../elements/LinkCustom.vue'
 import { usePopper } from '../../composables/usePopper'
-import type { Avatar } from '../../types/avatar'
+import type { Item } from '../../types/dropdown'
 import type { PopperOptions } from '../../types'
 import { useAppConfig } from '#imports'
 // TODO: Remove
@@ -78,18 +77,7 @@ export default defineComponent({
   },
   props: {
     items: {
-      type: Array as PropType<{
-        to?: string | RouteLocationRaw
-        exact?: boolean
-        label: string
-        slot?: string
-        icon?: string
-        iconClass?: string
-        avatar?: Partial<Avatar>
-        shortcuts?: string[]
-        disabled?: boolean
-        click?: Function
-      }[][]>,
+      type: Array as PropType<Item[][]>,
       default: () => []
     },
     mode: {
diff --git a/src/runtime/types/dropdown.d.ts b/src/runtime/types/dropdown.d.ts
new file mode 100644
index 00000000..b7466a83
--- /dev/null
+++ b/src/runtime/types/dropdown.d.ts
@@ -0,0 +1,15 @@
+import type { RouteLocationRaw } from 'vue-router'
+import type { Avatar } from './avatar'
+
+export interface Item {
+  to?: string | RouteLocationRaw
+  exact?: boolean
+  label: string
+  slot?: string
+  icon?: string
+  iconClass?: string
+  avatar?: Partial<Avatar>
+  shortcuts?: string[]
+  disabled?: boolean
+  click?: Function
+}
diff --git a/src/runtime/types/index.d.ts b/src/runtime/types/index.d.ts
index f2a73914..04f2bac8 100644
--- a/src/runtime/types/index.d.ts
+++ b/src/runtime/types/index.d.ts
@@ -2,6 +2,7 @@ export * from './avatar'
 export * from './button'
 export * from './clipboard'
 export * from './command-palette'
+export * from './dropdown'
 export * from './notification'
 export * from './popper'
 export * from './vertical-navigation'