fix: specify scope when using i18n-t

do not render route if component hasn't loaded yet
simonwep · Dec 17, 2023 · d51ea32 · d51ea32
1 parent 29dd592
commit d51ea32
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/pages/Frame.vue b/src/app/pages/Frame.vue
@@ -29,7 +29,7 @@
 
     <div ref="panes" :class="$style.panes">
       <RouterView v-slot="{ Component }">
-        <ComponentTransition :is="Component" />
+        <ComponentTransition :is="Component" v-if="Component" />
       </RouterView>
     </div>
   </div>

diff --git a/src/app/pages/dashboard/Dashboard.vue b/src/app/pages/dashboard/Dashboard.vue
@@ -6,7 +6,7 @@
     </template>
     <template #title>
       <span>
-        <i18n-t keypath="page.dashboard.header">
+        <i18n-t keypath="page.dashboard.header" scope="global">
           <template #year>
             <TextWheel :values="allYears" :value="state.activeYear" />
           </template>

diff --git a/src/app/pages/navigation/info/InfoDialog.vue b/src/app/pages/navigation/info/InfoDialog.vue
@@ -2,7 +2,7 @@
   <Dialog :open="open" :title="t('navigation.info.about')" @close="emit('close')">
     <div :class="$style.infoBox">
       <span :class="$style.link">
-        <i18n-t keypath="navigation.info.github">
+        <i18n-t keypath="navigation.info.github" scope="global">
           <template #link>
             <!-- eslint-disable @intlify/vue-i18n/no-raw-text -->
             <Link :custom="false" color="primary" to="https://github.com/simonwep/ocular">Github</Link>