From 00562ed5e87a88a7038b4670f20e155c4f5b070d Mon Sep 17 00:00:00 2001
From: 莫颓 <it_motui@163.com>
Date: Mon, 23 Oct 2023 15:14:34 +0800
Subject: feat(i18n): home page (#687)

(cherry picked from commit 9d39826078ceb929a5ca3b577f9f39449303c289)
---
 src/components/NavbarButtons.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/components/NavbarButtons.vue')

diff --git a/src/components/NavbarButtons.vue b/src/components/NavbarButtons.vue
index 653afdd..cfc58cd 100644
--- a/src/components/NavbarButtons.vue
+++ b/src/components/NavbarButtons.vue
@@ -7,39 +7,39 @@ const { isDarkTheme } = toRefs(styleStore);
 </script>
 
 <template>
-  <c-tooltip tooltip="Github repository" position="bottom">
+  <c-tooltip :tooltip="$t('home.nav.github')" position="bottom">
     <c-button
       circle
       variant="text"
       href="https://github.com/CorentinTh/it-tools"
       target="_blank"
       rel="noopener noreferrer"
-      aria-label="IT-Tools' GitHub repository"
+      :aria-label="$t('home.nav.githubRepository')"
     >
       <n-icon size="25" :component="BrandGithub" />
     </c-button>
   </c-tooltip>
 
-  <c-tooltip tooltip="Twitter account" position="bottom">
+  <c-tooltip :tooltip="$t('home.nav.twitter')" position="bottom">
     <c-button
       circle
       variant="text"
       href="https://twitter.com/ittoolsdottech"
       rel="noopener"
       target="_blank"
-      aria-label="IT Tools' Twitter account"
+      :aria-label="$t('home.nav.twitterAccount')"
     >
       <n-icon size="25" :component="BrandTwitter" />
     </c-button>
   </c-tooltip>
 
-  <c-tooltip tooltip="About IT-Tools" position="bottom">
-    <c-button circle variant="text" to="/about" aria-label="About">
+  <c-tooltip :tooltip="$t('home.nav.about')" position="bottom">
+    <c-button circle variant="text" to="/about" :aria-label="$t('home.nav.aboutLabel')">
       <n-icon size="25" :component="InfoCircle" />
     </c-button>
   </c-tooltip>
-  <c-tooltip :tooltip="isDarkTheme ? 'Light mode' : 'Dark mode'" position="bottom">
-    <c-button circle variant="text" aria-label="Toggle dark/light mode" @click="() => styleStore.toggleDark()">
+  <c-tooltip :tooltip="isDarkTheme ? $t('home.nav.lightMode') : $t('home.nav.darkMode')" position="bottom">
+    <c-button circle variant="text" :aria-label="$t('home.nav.mode')" @click="() => styleStore.toggleDark()">
       <n-icon v-if="isDarkTheme" size="25" :component="Sun" />
       <n-icon v-else size="25" :component="Moon" />
     </c-button>
-- 
cgit v1.2.3