diff options
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> |