chore(app): improve items types

Author: benjamincanac

app/components/TeamsMenu.vue

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

app/components/settings/MembersList.vue

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

app/layouts/default.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { NavigationMenuItem } from '@nuxt/ui'
+
 const route = useRoute()
 const toast = useToast()
 
@@ -67,7 +69,7 @@ const links = [[{
   icon: 'i-lucide-info',
   to: 'https://github.com/nuxt/ui-pro',
   target: '_blank'
-}]]
+}]] satisfies NavigationMenuItem[][]
 
 const groups = computed(() => [{
   id: 'links',

app/pages/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { sub } from 'date-fns'
+import type { DropdownMenuItem } from '@nuxt/ui'
 import type { Period, Range } from '~/types'
 
 const { isNotificationsSlideoverOpen } = useDashboard()
@@ -12,7 +13,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 }),

app/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>