From a1037cf8f12ce75a66033ced508774436faa3835 Mon Sep 17 00:00:00 2001
From: lzb16 <767831662@qq.com>
Date: Thu, 16 Nov 2023 16:20:42 +0800
Subject: [PATCH] feat(i18n): add tooltip and favoriteButton i18n (#756)

---
 locales/en.yml                    | 4 ++++
 src/components/FavoriteButton.vue | 2 +-
 src/layouts/base.layout.vue       | 6 +++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/locales/en.yml b/locales/en.yml
index dc6397a5..ef5c4beb 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -7,6 +7,7 @@ home:
   toggleMenu: 'Toggle menu'
   home: Home
   uiLib: 'UI Lib'
+  support: 'Support IT Tools development'
   buyMeACoffee: 'Buy me a coffee'
   follow:
     title: 'You like it-tools?'
@@ -48,6 +49,9 @@ about:
   sorry: 'Sorry, this page does not seem to exist'
   maybe: 'Maybe the cache is doing tricky things, try force-refreshing?'
   backHome: 'Back home'
+favoriteButton:
+  remove: 'Remove from favorites'
+  add: 'Add to favorites'
 toolCard:
   new: New
 search:
diff --git a/src/components/FavoriteButton.vue b/src/components/FavoriteButton.vue
index c3f0aaad..e43ed8ab 100644
--- a/src/components/FavoriteButton.vue
+++ b/src/components/FavoriteButton.vue
@@ -24,7 +24,7 @@ function toggleFavorite(event: MouseEvent) {
 </script>
 
 <template>
-  <c-tooltip :tooltip="isFavorite ? 'Remove from favorites' : 'Add to favorites' ">
+  <c-tooltip :tooltip="isFavorite ? $t('favoriteButton.remove') : $t('favoriteButton.add') ">
     <c-button
       variant="text"
       circle
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 950b01d4..62ac5113 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -100,13 +100,13 @@ const tools = computed<ToolCategory[]>(() => [
           <NIcon size="25" :component="Menu2" />
         </c-button>
 
-        <c-tooltip tooltip="Home" position="bottom">
+        <c-tooltip :tooltip="$t('home.home')" position="bottom">
           <c-button to="/" circle variant="text" :aria-label="$t('home.home')">
             <NIcon size="25" :component="Home2" />
           </c-button>
         </c-tooltip>
 
-        <c-tooltip tooltip="UI Lib" position="bottom">
+        <c-tooltip :tooltip="$t('home.uiLib')" position="bottom">
           <c-button v-if="config.app.env === 'development'" to="/c-lib" circle variant="text" :aria-label="$t('home.uiLib')">
             <icon-mdi:brush-variant text-20px />
           </c-button>
@@ -120,7 +120,7 @@ const tools = computed<ToolCategory[]>(() => [
           <NavbarButtons v-if="!styleStore.isSmallScreen" />
         </div>
 
-        <c-tooltip position="bottom" tooltip="Support IT Tools development">
+        <c-tooltip position="bottom" :tooltip="$t('home.support')">
           <c-button
             round
             href="https://www.buymeacoffee.com/cthmsst"