fix: route record type

kingyue737 · Jul 28, 2024 · 3dbb890 · 3dbb890
1 parent 26a0574
commit 3dbb890
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/layout/AppDrawerItem.vue b/src/components/layout/AppDrawerItem.vue
@@ -14,12 +14,16 @@ const visibleChildrenNum = computed(() => visibleChildren.value?.length || 0)
 const isItem = computed(() => !item.children || visibleChildrenNum.value <= 1)
 const title = toRef(() => item.meta?.title)
 const icon = toRef(() => item.meta?.icon)
+// @ts-expect-error unknown type miss match
+const to = computed<RouteRecordRaw>(() => ({
+  name: item.name || visibleChildren.value?.[0].name,
+}))
 </script>
 
 <template>
   <v-list-item
     v-if="isItem && icon"
-    :to="{ name: item.name || visibleChildren?.[0].name }"
+    :to="to"
     :prepend-icon="icon"
     active-class="text-primary"
     :title="title"

diff --git a/vite.config.ts b/vite.config.ts
@@ -40,6 +40,7 @@ export default defineConfig({
     VueRouter({ importMode: 'sync', dts: './src/typed-router.d.ts' }),
     Vue({
       template: { transformAssetUrls },
+      features: { propsDestructure: true },
     }),
     Layouts(),
     Vuetify({ autoImport: true }),