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/pages/Home.page.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/pages/Home.page.vue')
| -rw-r--r-- | src/pages/Home.page.vue | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/src/pages/Home.page.vue b/src/pages/Home.page.vue index 5c7c3c4..7f34081 100644 --- a/src/pages/Home.page.vue +++ b/src/pages/Home.page.vue @@ -17,21 +17,21 @@ const { t } = useI18n(); <div class="grid-wrapper"> <n-grid v-if="config.showBanner" x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8"> <n-gi> - <ColoredCard title="You like it-tools?" :icon="Heart"> - Give us a star on + <ColoredCard :title="$t('home.follow.title')" :icon="Heart"> + {{ $t('home.follow.p1') }} <a href="https://github.com/CorentinTh/it-tools" rel="noopener" target="_blank" - aria-label="IT-Tools' GitHub repository" + :aria-label="$t('home.follow.githubRepository')" >GitHub</a> - or follow us on + {{ $t('home.follow.p2') }} <a href="https://twitter.com/ittoolsdottech" rel="noopener" target="_blank" - aria-label="IT-Tools' Twitter account" - >Twitter</a>! Thank you + :aria-label="$t('home.follow.twitterAccount')" + >Twitter</a>{{ $t('home.follow.thankYou') }} <n-icon :component="Heart" /> </ColoredCard> </n-gi> @@ -39,7 +39,7 @@ const { t } = useI18n(); <transition name="height"> <div v-if="toolStore.favoriteTools.length > 0"> - <n-h3>Your favorite tools</n-h3> + <n-h3>{{ $t('home.categories.favoriteTools') }}</n-h3> <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8"> <n-gi v-for="tool in toolStore.favoriteTools" :key="tool.name"> <ToolCard :tool="tool" /> @@ -57,7 +57,7 @@ const { t } = useI18n(); </n-grid> </div> - <n-h3>All the tools</n-h3> + <n-h3>{{ $t('home.categories.allTools') }}</n-h3> <n-grid x-gap="12" y-gap="12" cols="1 400:2 800:3 1200:4 2000:8"> <n-gi v-for="tool in toolStore.tools" :key="tool.name"> <transition> |