fix(stage-tamagotchi): type error

apps/stage-tamagotchi/src/renderer/layouts/settings.vue

@@ -68,7 +68,7 @@ const routeHeaderMetadata = computed(() => {
 
 <template>
   <div h-full w-full bg="$bg-color" flex="~ col">
-    <WindowTitleBar :title="routeHeaderMetadata?.title" icon="i-solar:settings-bold" />
+    <WindowTitleBar :title="routeHeaderMetadata?.title ?? ''" icon="i-solar:settings-bold" />
     <div
       :style="{
         paddingTop: `44px`,
@@ -82,8 +82,8 @@ const routeHeaderMetadata = computed(() => {
       <div ref="scrollContainer" relative h-full w-full overflow-y-auto scrollbar-none>
         <div flex="~ col" mx-auto h-full max-w-screen-xl>
           <PageHeader
-            :title="routeHeaderMetadata?.title"
-            :subtitle="routeHeaderMetadata?.subtitle"
+            :title="routeHeaderMetadata?.title ?? ''"
+            :subtitle="routeHeaderMetadata?.subtitle ?? ''"
             :disable-back-button="isStageTamagotchi() && route.path === '/settings'"
             px-4
           />

apps/stage-tamagotchi/src/renderer/pages/settings/index.vue

@@ -29,9 +29,9 @@ const settings = computed(() => {
     .filter(route => route.meta?.settingsEntry)
     .sort((a, b) => (Number(a.meta?.order ?? 0) - Number(b.meta?.order ?? 0)))
     .map(route => ({
-      title: route.meta?.titleKey ? t(route.meta.titleKey as string) : (route.meta?.title as string | undefined),
+      title: route.meta?.titleKey ? t(route.meta.titleKey as string) : (route.meta?.title as string | undefined) ?? '',
       description: route.meta?.descriptionKey ? t(route.meta.descriptionKey as string) : (route.meta?.description as string | undefined) || '',
-      icon: route.meta?.icon as string | undefined,
+      icon: (route.meta?.icon as string | undefined) ?? '',
       to: route.path,
     }))
 })