fix(ui/i18n): translate nav footer (#213)

Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>

components/nav/NavFooter.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+const { t } = useI18n()
 const buildTime = import.meta.env.__BUILD_TIME__ as string
 const buildTimeAgo = useTimeAgo(buildTime)
 </script>
@@ -6,10 +7,10 @@ const buildTimeAgo = useTimeAgo(buildTime)
 <template>
   <footer p4 text-sm text-secondary-light flex="~ col">
     <div flex="~ gap2" items-center mb4>
-      <CommonTooltip content="Toggle theme">
+      <CommonTooltip :content="t('nav_footer.toggle_theme')">
         <button flex i-ri-sun-line dark:i-ri-moon-line text-lg @click="toggleDark()" />
       </CommonTooltip>
-      <CommonTooltip content="Zen mode">
+      <CommonTooltip :content="t('nav_footer.zen_mode')">
         <button
           flex
           text-lg

locales/de-DE.json

@@ -12,7 +12,9 @@
   },
   "nav_footer": {
     "select_language": "Sprache auswählen",
-    "select_feature_flags": "Feature-Flags umschalten"
+    "select_feature_flags": "Feature-Flags umschalten",
+    "toggle_theme": "Thema umschalten",
+    "zen_mode": "Zen mode"
   },
   "timeline": "Timeline",
   "title": {

locales/en-US.json

@@ -12,7 +12,9 @@
   },
   "nav_footer": {
     "select_language": "Select Language",
-    "select_feature_flags": "Toggle Feature Flags"
+    "select_feature_flags": "Toggle Feature Flags",
+    "toggle_theme": "Toggle Theme",
+    "zen_mode": "Zen Mode"
   },
   "timeline": "Timeline",
   "title": {

locales/zh-CN.json

@@ -12,7 +12,9 @@
   },
   "nav_footer": {
     "select_language": "选择语言",
-    "select_feature_flags": "功能开关"
+    "select_feature_flags": "功能开关",
+    "toggle_theme": "切换主题",
+    "zen_mode": "禅模式"
   },
   "timeline": "时间轴",
   "title": {