diff options
| author |  莫颓 <it_motui@163.com>
| 2023-10-23 15:14:34 +0800 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2023-10-23 09:14:34 +0200 |
| commit | 00562ed5e87a88a7038b4670f20e155c4f5b070d (patch) | |
| tree | 6f2ede7dee5395acd859941fce4bb3f6553974c1 /src/components/NavbarButtons.vue | |
| parent | 4365226d0168b023160eb96dfd412d88e5bb662d (diff) | |
| download | it-tools-00562ed5e87a88a7038b4670f20e155c4f5b070d.tar.gz it-tools-00562ed5e87a88a7038b4670f20e155c4f5b070d.tar.zst it-tools-00562ed5e87a88a7038b4670f20e155c4f5b070d.zip | |
feat(i18n): home page (#687)
(cherry picked from commit 9d39826078ceb929a5ca3b577f9f39449303c289)
Diffstat (limited to 'src/components/NavbarButtons.vue')
| -rw-r--r-- | src/components/NavbarButtons.vue | 16 |
1 files changed, 8 insertions, 8 deletions
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> |