chore(app): improve items types

Author: benjamincanac

src/App.vue

@@ -2,6 +2,7 @@
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { useStorage } from '@vueuse/core'
+import type { NavigationMenuItem } from '@nuxt/ui'
 
 const toast = useToast()
 const route = useRoute()
@@ -71,7 +72,7 @@ const links = [[{
   icon: 'i-lucide-info',
   to: 'https://github.com/nuxt/ui-pro',
   target: '_blank'
-}]]
+}]] satisfies NavigationMenuItem[][]
 
 const groups = computed(() => [{
   id: 'links',

src/components/TeamsMenu.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref, computed } from 'vue'
+import type { DropdownMenuItem } from '@nuxt/ui'
 
 defineProps<{
   collapsed?: boolean
@@ -26,7 +27,7 @@ const teams = ref([{
 }])
 const selectedTeam = ref(teams.value[0])
 
-const items = computed(() => {
+const items = computed<DropdownMenuItem[][]>(() => {
   return [teams.value.map(team => ({
     ...team,
     onSelect() {

src/components/settings/SettingsMembersList.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { Member } from '../../types'
+import type { DropdownMenuItem } from '@nuxt/ui'
 
 defineProps<{
   members: Member[]
@@ -12,7 +13,7 @@ const items = [{
   label: 'Remove member',
   color: 'error' as const,
   onSelect: () => console.log('Remove member')
-}]
+}] satisfies DropdownMenuItem[]
 </script>
 
 <template>

src/pages/index.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, shallowRef } from 'vue'
 import { sub } from 'date-fns'
+import type { DropdownMenuItem } from '@nuxt/ui'
 import { useDashboard } from '../composables/useDashboard'
 import type { Period, Range } from '../types'
 
@@ -14,7 +15,7 @@ const items = [[{
   label: 'New customer',
   icon: 'i-lucide-user-plus',
   to: '/customers'
-}]]
+}]] satisfies DropdownMenuItem[][]
 
 const range = shallowRef<Range>({
   start: sub(new Date(), { days: 14 }),

src/pages/settings.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { NavigationMenuItem } from '@nuxt/ui'
+
 const links = [[{
   label: 'General',
   icon: 'i-lucide-user',
@@ -26,7 +28,7 @@ const links = [[{
   icon: 'i-lucide-shopping-cart',
   to: 'https://ui.nuxt.com/pro/purchase',
   target: '_blank'
-}]]
+}]] satisfies NavigationMenuItem[][]
 </script>
 
 <template>