fix(i18n): add missing i18n strings for like button + tooltip (#957)

Author: nitodeco

app/pages/package/[...package].vue

@@ -600,23 +600,37 @@ onKeyStroke(
               />
 
               <!-- Package likes -->
-              <button
-                @click="likeAction"
-                type="button"
-                class="inline-flex items-center gap-1.5 font-mono text-sm text-fg hover:text-fg-muted transition-colors duration-200"
-                :title="$t('package.links.like')"
+              <TooltipApp
+                :text="
+                  likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
+                "
+                position="bottom"
               >
-                <span
-                  :class="
-                    likesData?.userHasLiked
-                      ? 'i-lucide-heart-minus text-red-500'
-                      : 'i-lucide-heart-plus'
+                <button
+                  @click="likeAction"
+                  type="button"
+                  :title="
+                    likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
                   "
-                  class="w-4 h-4"
-                  aria-hidden="true"
-                />
-                <span>{{ formatCompactNumber(likesData?.totalLikes ?? 0, { decimals: 1 }) }}</span>
-              </button>
+                  class="inline-flex items-center gap-1.5 font-mono text-sm text-fg hover:text-fg-muted transition-colors duration-200"
+                  :aria-label="
+                    likesData?.userHasLiked ? $t('package.likes.unlike') : $t('package.likes.like')
+                  "
+                >
+                  <span
+                    :class="
+                      likesData?.userHasLiked
+                        ? 'i-lucide-heart-minus text-red-500'
+                        : 'i-lucide-heart-plus'
+                    "
+                    class="w-4 h-4"
+                    aria-hidden="true"
+                  />
+                  <span>{{
+                    formatCompactNumber(likesData?.totalLikes ?? 0, { decimals: 1 })
+                  }}</span>
+                </button>
+              </TooltipApp>
               <template #fallback>
                 <div
                   class="flex items-center gap-1.5 list-none m-0 p-0 relative top-[5px] self-baseline ms-1 sm:ms-2"

i18n/locales/en.json

@@ -185,6 +185,10 @@
       "fund": "fund",
       "compare": "compare"
     },
+    "likes": {
+      "like": "Like this package",
+      "unlike": "Unlike this package"
+    },
     "docs": {
       "not_available": "Docs not available",
       "not_available_detail": "We could not generate docs for this version."

lunaria/files/en-GB.json

@@ -185,6 +185,10 @@
       "fund": "fund",
       "compare": "compare"
     },
+    "likes": {
+      "like": "Like this package",
+      "unlike": "Unlike this package"
+    },
     "docs": {
       "not_available": "Docs not available",
       "not_available_detail": "We could not generate docs for this version."

lunaria/files/en-US.json

@@ -185,6 +185,10 @@
       "fund": "fund",
       "compare": "compare"
     },
+    "likes": {
+      "like": "Like this package",
+      "unlike": "Unlike this package"
+    },
     "docs": {
       "not_available": "Docs not available",
       "not_available_detail": "We could not generate docs for this version."