fix: type

Author: kingyue737

src/components/layout/AppDrawerItem.vue

@@ -16,7 +16,7 @@ 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,
+  name: item.name || visibleChildren.value?.[0]?.name,
 }))
 </script>
 

src/components/layout/ButtonSettings.vue

@@ -6,12 +6,12 @@ const theme = useTheme()
 const { store } = useColorMode()
 const color = computed({
   get() {
-    return theme.themes.value.light.colors.primary
+    return theme.themes.value.light!.colors.primary
   },
   set(val: string) {
     localStorage.setItem('theme-primary', val)
-    theme.themes.value.light.colors.primary = val
-    theme.themes.value.dark.colors.primary = val
+    theme.themes.value.light!.colors.primary = val
+    theme.themes.value.dark!.colors.primary = val
   },
 })
 const colors = [

src/layouts/default.vue

@@ -11,7 +11,7 @@
 import { useTitle } from '@vueuse/core'
 const route = useRoute()
 const title = computed(() => {
-  const title = route.meta?.title || route.matched[0].meta?.title || ''
+  const title = route.meta?.title || route.matched[0]?.meta?.title || ''
   return title ? `${title} | Vitify Admin` : 'Vitify Admin'
 })
 useTitle(title)