Fix type errors

app/pages/index.vue

@@ -5,6 +5,7 @@ import { fullDate } from '~~/server/utils/date';
 const { loggedIn } = useUserSession();
 const { data, pending, refresh } = await useFetch('/api/home');
 const { t, d } = useI18n();
+const localePath = useLocalePath();
 const { tKey, tSluggy } = useI18nKey();
 watch(loggedIn, () => refresh());
 </script>
@@ -26,7 +27,7 @@ watch(loggedIn, () => refresh());
             v-for="hunt in data.own"
             :key="hunt.id"
             stripe
-            :to="$localePath(`/hunt/${tSluggy(hunt).value}`)"
+            :to="localePath(`/hunt/${tSluggy(hunt).value}`)"
           >
             <VaCardTitle>{{ tKey(hunt, 'name') }}</VaCardTitle>
 
@@ -72,7 +73,7 @@ watch(loggedIn, () => refresh());
           class="mt-6"
           color="info"
           icon="login"
-          :to="$localePath(`/login`)"
+          :to="localePath(`/login`)"
           >{{ t('page.home.login_first') }}</VaButton
         >
       </div>
@@ -85,7 +86,7 @@ watch(loggedIn, () => refresh());
           <VaCard
             v-for="hunt in data.others"
             :key="hunt.id"
-            :to="$localePath(`/hunt/${tSluggy(hunt).value}`)"
+            :to="localePath(`/hunt/${tSluggy(hunt).value}`)"
           >
             <VaCardTitle>{{ tKey(hunt, 'name') }}</VaCardTitle>
             <ClickableImage