feat(i18n): localise translations for other git providers (#1962)

Co-authored-by: userquin <userquin@gmail.com>

Author: WilcoSp

app/composables/useViewOnGitProvider.ts

@@ -0,0 +1,44 @@
+/**
+ * Return the text "see on {git provider}" based on the given provider
+ */
+export function useViewOnGitProvider(
+  provider: MaybeRefOrGetter<ProviderId | (string & {}) | null | undefined>,
+) {
+  const { t } = useI18n()
+  return computed(() => {
+    const uProvider = toValue(provider)
+    if (!uProvider) {
+      return t('common.view_on.git_repo')
+    }
+    switch (uProvider) {
+      case 'github':
+        return t('common.view_on.github')
+      case 'gitlab':
+        return t('common.view_on.gitlab')
+      case 'bitbucket':
+        return t('common.view_on.bitbucket')
+      case 'gitea':
+        return t('common.view_on.gitea')
+      case 'forgejo':
+        return t('common.view_on.forgejo')
+      case 'codeberg':
+        return t('common.view_on.codeberg')
+      case 'sourcehut':
+        return t('common.view_on.sourcehut')
+      case 'gitee':
+        return t('common.view_on.gitee')
+      case 'tangled':
+        return t('common.view_on.tangled')
+      case 'radicle':
+        return t('common.view_on.radicle')
+      case 'git':
+        return t('common.view_on.git_repo')
+    }
+
+    if (import.meta.dev) {
+      // oxlint-disable-next-line no-console
+      console.warn(`missing '${uProvider}' provider, add it to shared/utils/git-providers.ts!`)
+    }
+    return t('common.view_on.git_repo')
+  })
+}

app/pages/org/[org].vue

@@ -175,7 +175,7 @@ defineOgImageComponent('Default', {
               target="_blank"
               rel="noopener noreferrer"
               class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
-              :title="$t('common.view_on_npm')"
+              :title="$t('common.view_on.npm')"
             >
               <span class="i-simple-icons:npm w-4 h-4" aria-hidden="true" />
               npm

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

@@ -21,6 +21,7 @@ import { useModal } from '~/composables/useModal'
 import { useAtproto } from '~/composables/atproto/useAtproto'
 import { togglePackageLike } from '~/utils/atproto/likes'
 import { useInstallSizeDiff } from '~/composables/useInstallSizeDiff'
+import { useViewOnGitProvider } from '~/composables/useViewOnGitProvider'
 import type { RouteLocationRaw } from 'vue-router'
 
 defineOgImageComponent('Package', {
@@ -503,6 +504,8 @@ const repoProviderIcon = computed((): IconClass => {
   return PROVIDER_ICONS[provider] ?? 'i-lucide:code'
 })
 
+const viewOnGitProvider = useViewOnGitProvider(() => repoRef.value?.provider)
+
 const homepageUrl = computed(() => {
   const homepage = displayVersion.value?.homepage
   if (!homepage) return null
@@ -1003,7 +1006,7 @@ const showSkeleton = shallowRef(false)
             <li>
               <LinkBase
                 :to="`https://www.npmjs.com/package/${pkg.name}`"
-                :title="$t('common.view_on_npm')"
+                :title="$t('common.view_on.npm')"
                 classicon="i-simple-icons:npm"
               >
                 npm
@@ -1448,7 +1451,8 @@ const showSkeleton = shallowRef(false)
             target="_blank"
             rel="noopener noreferrer"
             class="link text-fg underline underline-offset-4 decoration-fg-subtle hover:(decoration-fg text-fg) transition-colors duration-200"
-            >{{ $t('package.readme.view_on_github') }}</a
+          >
+            {{ viewOnGitProvider }}</a
           >
         </p>
 

app/pages/~[username]/index.vue

@@ -156,7 +156,7 @@ defineOgImageComponent('Default', {
               target="_blank"
               rel="noopener noreferrer"
               class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
-              :title="$t('common.view_on_npm')"
+              :title="$t('common.view_on.npm')"
             >
               <span class="i-simple-icons:npm w-4 h-4" aria-hidden="true" />
               npm

i18n/locales/ar.json

@@ -132,15 +132,18 @@
     "skip_link": "تخطي إلى المحتوى الرئيسي",
     "warnings": "تحذيرات:",
     "go_back_home": "العودة إلى الصفحة الرئيسية",
-    "view_on_npm": "عرض على npm",
     "per_week": "/ أسبوع",
     "vanity_downloads_hint": "رقم زخرفي: لا توجد حزم معروضة | رقم زخرفي: للحزمة المعروضة | رقم زخرفي: للحزمتين المعروضتين | رقم زخرفي: مجموع {count} من الحزم المعروضة | رقم زخرفي: مجموع {count} من الحزم المعروضة | رقم زخرفي: مجموع {count} من الحزم المعروضة",
     "sort": {
       "name": "الاسم",
       "role": "الدور",
       "members": "الأعضاء"
     },
-    "scroll_to_top": "التمرير إلى الأعلى"
+    "scroll_to_top": "التمرير إلى الأعلى",
+    "view_on": {
+      "npm": "عرض على npm",
+      "github": "عرض على GitHub"
+    }
   },
   "package": {
     "not_found": "لم يتم العثور على الحزمة",
@@ -238,7 +241,6 @@
     "readme": {
       "title": "README (إقرأني)",
       "no_readme": "لا يتوفر README.",
-      "view_on_github": "عرض على GitHub",
       "toc_title": "جدول المحتويات",
       "callout": {
         "note": "ملاحظة",

i18n/locales/az-AZ.json

@@ -177,15 +177,18 @@
     "skip_link": "Əsas məzmuna keç",
     "warnings": "Xəbərdarlıqlar:",
     "go_back_home": "Ana səhifəyə qayıt",
-    "view_on_npm": "npm-də bax",
     "per_week": "/ həftə",
     "vanity_downloads_hint": "Göstərici: paket göstərilmir | Göstərici: göstərilən paket üçün | Göstərici: {count} göstərilən paketin cəmi",
     "sort": {
       "name": "ad",
       "role": "rol",
       "members": "üzvlər"
     },
-    "scroll_to_top": "Yuxarı qayıt"
+    "scroll_to_top": "Yuxarı qayıt",
+    "view_on": {
+      "npm": "npm-də bax",
+      "github": "GitHub-da bax"
+    }
   },
   "package": {
     "not_found": "Paket Tapılmadı",
@@ -290,7 +293,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "README mövcud deyil.",
-      "view_on_github": "GitHub-da bax",
       "toc_title": "Məzmun",
       "callout": {
         "note": "Qeyd",

i18n/locales/bg-BG.json

@@ -136,7 +136,6 @@
     "skip_link": "Преминаване към основното съдържание",
     "warnings": "Предупреждения:",
     "go_back_home": "Назад към начална страница",
-    "view_on_npm": "преглед в npm",
     "per_week": "/ седмица",
     "vanity_downloads_hint": "Брой за показ: няма показани пакети | Брой за показ: за показания пакет | Брой за показ: Сума от {count} показани пакета",
     "sort": {
@@ -148,7 +147,11 @@
     "cancel": "Отказ",
     "save": "Запазване",
     "edit": "Редактиране",
-    "error": "Грешка"
+    "error": "Грешка",
+    "view_on": {
+      "npm": "преглед в npm",
+      "github": "Преглед в GitHub"
+    }
   },
   "profile": {
     "display_name": "Показвано име",
@@ -270,7 +273,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Няма наличен README.",
-      "view_on_github": "Преглед в GitHub",
       "toc_title": "Съдържание",
       "callout": {
         "note": "Бележка",

i18n/locales/bn-IN.json

@@ -99,15 +99,18 @@
     "skip_link": "মুখ্য কন্টেন্টে যান",
     "warnings": "সতর্কতা:",
     "go_back_home": "হোমে ফিরে যান",
-    "view_on_npm": "npm এ দেখুন",
     "per_week": "/ সপ্তাহ",
     "vanity_downloads_hint": "ভ্যানিটি নম্বর: কোন প্যাকেজ প্রদর্শিত হয়নি | ভ্যানিটি নম্বর: প্রদর্শিত প্যাকেজের জন্য | ভ্যানিটি নম্বর: {count} প্রদর্শিত প্যাকেজের মোট",
     "sort": {
       "name": "নাম",
       "role": "ভূমিকা",
       "members": "সদস্য"
     },
-    "scroll_to_top": "উপরে স্ক্রল করুন"
+    "scroll_to_top": "উপরে স্ক্রল করুন",
+    "view_on": {
+      "npm": "npm এ দেখুন",
+      "github": "GitHub এ দেখুন"
+    }
   },
   "package": {
     "not_found": "প্যাকেজ পাওয়া যায়নি",
@@ -194,7 +197,6 @@
     "readme": {
       "title": "রিডমি",
       "no_readme": "README উপলব্ধ নেই।",
-      "view_on_github": "GitHub এ দেখুন",
       "callout": {}
     },
     "provenance_section": {},

i18n/locales/cs-CZ.json

@@ -178,7 +178,6 @@
     "skip_link": "Přejít na hlavní obsah",
     "warnings": "Varování:",
     "go_back_home": "Zpět na začátek",
-    "view_on_npm": "Zobrazit na npm",
     "per_week": "/ týden",
     "vanity_downloads_hint": "Pro zobrazený balíček | Součet pro {count} zobrazené balíčky | Součet pro {count} zobrazených balíčků",
     "sort": {
@@ -190,7 +189,11 @@
     "cancel": "Zrušit",
     "save": "Uložit",
     "edit": "Upravit",
-    "error": "Chyba"
+    "error": "Chyba",
+    "view_on": {
+      "npm": "Zobrazit na npm",
+      "github": "Zobrazit na GitHubu"
+    }
   },
   "profile": {
     "display_name": "Zobrazované jméno",
@@ -312,7 +315,6 @@
     "readme": {
       "title": "ČTI MĚ",
       "no_readme": "Žádné ČTI MĚ NENÍ k dispozici.",
-      "view_on_github": "Zobrazit na GitHubu",
       "toc_title": "Obsah",
       "callout": {
         "note": "Poznámka",

i18n/locales/de-DE.json

@@ -146,7 +146,6 @@
     "skip_link": "Zum Hauptinhalt springen",
     "warnings": "Warnungen:",
     "go_back_home": "Zur Startseite",
-    "view_on_npm": "Auf npm ansehen",
     "per_week": "/ Woche",
     "vanity_downloads_hint": "Vanity-Zahl: keine Pakete angezeigt | Vanity-Zahl: für das angezeigte Paket | Vanity-Zahl: Summe von {count} angezeigten Paketen",
     "sort": {
@@ -158,7 +157,11 @@
     "cancel": "Abbrechen",
     "save": "Speichern",
     "edit": "Bearbeiten",
-    "error": "Fehler"
+    "error": "Fehler",
+    "view_on": {
+      "npm": "Auf npm ansehen",
+      "github": "Auf GitHub ansehen"
+    }
   },
   "error": {
     "401": "Nicht autorisiert",
@@ -312,7 +315,6 @@
     "readme": {
       "title": "Readme",
       "no_readme": "Keine README verfügbar.",
-      "view_on_github": "Auf GitHub ansehen",
       "toc_title": "Gliederung",
       "callout": {
         "note": "Notiz",