chore: move hard coded text to i18n file

Author: ShroXd

app/components/Package/Versions.vue

@@ -534,10 +534,10 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           :to="versionsPageRoute"
           variant="button-secondary"
           class="text-fg-subtle hover:text-fg transition-colors min-w-6 min-h-6 p-1 rounded"
-          title="View all versions"
+          :title="$t('package.versions.view_all_versions')"
           classicon="i-lucide:history"
         >
-          <span class="sr-only">View all versions</span>
+          <span class="sr-only">{{ $t('package.versions.view_all_versions') }}</span>
         </LinkBase>
         <ButtonBase
           variant="secondary"

app/pages/package/[[org]]/[name]/versions.vue

@@ -204,13 +204,13 @@ const selectedChangelogContent = computed(() => {
             >{{ orgName ? packageName.replace(`@${orgName}/`, '') : packageName }}
           </NuxtLink>
           <span class="text-fg-subtle shrink-0">/</span>
-          <h1 class="text-sm text-fg-muted shrink-0">Version History</h1>
+          <h1 class="text-sm text-fg-muted shrink-0">{{ $t('package.versions.page_title') }}</h1>
         </div>
         <InputBase
           v-model="versionFilter"
           type="text"
-          placeholder="Filter versions…"
-          aria-label="Filter versions"
+          :placeholder="$t('package.versions.version_filter_placeholder')"
+          :aria-label="$t('package.versions.version_filter_label')"
           size="small"
           class="w-36 sm:w-44"
         />
@@ -222,7 +222,7 @@ const selectedChangelogContent = computed(() => {
       <!-- ── Current Tags ───────────────────────────────────────────────────── -->
       <section class="space-y-3">
         <h2 class="text-xs text-fg-subtle uppercase tracking-wider px-4 sm:px-6 ps-1">
-          Current Tags
+          {{ $t('package.versions.current_tags') }}
         </h2>
 
         <!-- Latest — featured card -->
@@ -323,7 +323,7 @@ const selectedChangelogContent = computed(() => {
       <!-- ── Version History ───────────────────────────────────────────────── -->
       <section v-if="versionGroups.length > 0">
         <h2 class="text-xs text-fg-subtle uppercase tracking-wider mb-3 px-4 sm:px-6 ps-1">
-          Version History
+          {{ $t('package.versions.page_title') }}
           <span class="ms-1 normal-case font-normal tracking-normal">
             ({{ versionStrings.length }})
           </span>
@@ -336,7 +336,7 @@ const selectedChangelogContent = computed(() => {
           role="status"
           aria-live="polite"
         >
-          No versions match {{ versionFilter }}
+          {{ $t('package.versions.no_match_filter', { filter: versionFilter }) }}
         </div>
 
         <!-- List + changelog side panel -->
@@ -356,7 +356,11 @@ const selectedChangelogContent = computed(() => {
                       class="flex items-center gap-3 px-4 py-2.5 w-full text-start hover:bg-bg-subtle transition-colors"
                       :class="index < flatItems.length - 1 ? 'border-b border-border' : ''"
                       :aria-expanded="expandedGroups.has(item.groupKey)"
-                      :aria-label="`${expandedGroups.has(item.groupKey) ? 'Collapse' : 'Expand'} ${item.label}`"
+                      :aria-label="
+                        expandedGroups.has(item.groupKey)
+                          ? $t('package.versions.collapse', { tag: item.label })
+                          : $t('package.versions.expand', { tag: item.label })
+                      "
                       @click="toggleGroup(item.groupKey)"
                     >
                       <span
@@ -513,7 +517,7 @@ const selectedChangelogContent = computed(() => {
                     type="button"
                     class="flex items-center gap-3 px-4 py-2.5 w-full text-start border-b border-border last:border-b-0"
                     :aria-expanded="false"
-                    :aria-label="`Expand ${item.label}`"
+                    :aria-label="$t('package.versions.expand', { tag: item.label })"
                   >
                     <span class="w-4 h-4 flex items-center justify-center text-fg-subtle shrink-0">
                       <span class="i-lucide:chevron-right w-3 h-3 rtl-flip" aria-hidden="true" />
@@ -561,7 +565,7 @@ const selectedChangelogContent = computed(() => {
                   <button
                     type="button"
                     class="text-fg-subtle hover:text-fg transition-colors rounded focus-visible:outline-accent/70 shrink-0 ms-2"
-                    aria-label="Close changelog"
+                    :aria-label="$t('package.versions.close_changelog')"
                     @click="selectedChangelogVersion = null"
                   >
                     <span class="i-lucide:x w-3.5 h-3.5" aria-hidden="true" />

i18n/locales/en.json

@@ -378,6 +378,7 @@
       "all_covered": "All versions are covered by tags above",
       "deprecated_title": "{version} (deprecated)",
       "view_all": "View {count} version | View all {count} versions",
+      "view_all_versions": "View all versions",
       "distribution_title": "Semver Group",
       "distribution_modal_title": "Versions",
       "distribution_range_date_same_year": "from {from} to {to}, {endYear}",
@@ -402,7 +403,13 @@
       "copy_alt": {
         "per_version_analysis": "{version} version was downloaded {downloads} times",
         "general_description": "Bar chart showing per-version downloads for {versions_count} {semver_grouping_mode} versions of the {package_name} package, {date_range_label} from the {first_version} version to the {last_version} version. The most downloaded version is {max_downloaded_version} with {max_version_downloads} downloads. {per_version_analysis}. {watermark}."
-      }
+      },
+      "page_title": "Version History",
+      "current_tags": "Current Tags",
+      "version_filter_placeholder": "Filter versions…",
+      "version_filter_label": "Filter versions",
+      "no_match_filter": "No versions match {filter}",
+      "close_changelog": "Close changelog"
     },
     "dependencies": {
       "title": "Dependency ({count}) | Dependencies ({count})",

i18n/schema.json

@@ -1138,6 +1138,9 @@
             "view_all": {
               "type": "string"
             },
+            "view_all_versions": {
+              "type": "string"
+            },
             "distribution_title": {
               "type": "string"
             },
@@ -1212,6 +1215,24 @@
                 }
               },
               "additionalProperties": false
+            },
+            "page_title": {
+              "type": "string"
+            },
+            "current_tags": {
+              "type": "string"
+            },
+            "version_filter_placeholder": {
+              "type": "string"
+            },
+            "version_filter_label": {
+              "type": "string"
+            },
+            "no_match_filter": {
+              "type": "string"
+            },
+            "close_changelog": {
+              "type": "string"
             }
           },
           "additionalProperties": false