fix(i18n): fix hardcoded strings (#451) · davidwindham.com/npmx.dev@0e8acc5

+3 -3

app/components/PackageDependencies.vue

··· 103 103 v-if="outdatedDeps[dep]" 104 104 class="shrink-0" 105 105 :class="getVersionClass(outdatedDeps[dep])" 106 - :title="getOutdatedTooltip(outdatedDeps[dep])" 106 + :title="getOutdatedTooltip(outdatedDeps[dep], $t)" 107 107 aria-hidden="true" 108 108 > 109 109 <span class="i-carbon:warning-alt w-3 h-3 block" /> ··· 138 138 :to="{ name: 'package', params: { package: [...dep.split('/'), 'v', version] } }" 139 139 class="font-mono text-xs text-end truncate" 140 140 :class="getVersionClass(outdatedDeps[dep])" 141 - :title="outdatedDeps[dep] ? getOutdatedTooltip(outdatedDeps[dep]) : version" 141 + :title="outdatedDeps[dep] ? getOutdatedTooltip(outdatedDeps[dep], $t) : version" 142 142 > 143 143 {{ version }} 144 144 </NuxtLink> 145 145 <span v-if="outdatedDeps[dep]" class="sr-only"> 146 - ({{ getOutdatedTooltip(outdatedDeps[dep]) }}) 146 + ({{ getOutdatedTooltip(outdatedDeps[dep], $t) }}) 147 147 </span> 148 148 <span v-if="getVulnerableDepInfo(dep)" class="sr-only"> 149 149 ({{ getVulnerableDepInfo(dep)!.counts.total }} vulnerabilities)

+2 -2

app/components/PackageInstallScripts.vue

··· 88 88 " 89 89 class="shrink-0" 90 90 :class="getVersionClass(outdatedNpxDeps[dep])" 91 - :title="getOutdatedTooltip(outdatedNpxDeps[dep])" 91 + :title="getOutdatedTooltip(outdatedNpxDeps[dep], $t)" 92 92 aria-hidden="true" 93 93 > 94 94 <span class="i-carbon:warning-alt w-3 h-3 block" /> ··· 102 102 ? $t('package.install_scripts.currently', { 103 103 version: outdatedNpxDeps[dep].latest, 104 104 }) 105 - : getOutdatedTooltip(outdatedNpxDeps[dep]) 105 + : getOutdatedTooltip(outdatedNpxDeps[dep], $t) 106 106 : version 107 107 " 108 108 >

+2 -2

app/components/PackageMetricsBadges.vue

··· 52 52 53 53 <template> 54 54 <ul v-if="analysis" class="flex items-center gap-1.5 list-none m-0 p-0"> 55 -  55 +  56 56 <li> 57 57 <component 58 58 :is="typesHref ? NuxtLink : 'span'" ··· 73 73 :class="hasTypes ? 'i-carbon-checkmark' : 'i-carbon-close'" 74 74 aria-hidden="true" 75 75 /> 76 - Types 76 + {{ $t('package.metrics.types_label') }} 77 77 </component> 78 78 </li> 79 79

+7 -1

app/components/VersionSelector.vue

··· 625 625 class="text-xs text-fg-subtle hover:text-fg transition-[color] focus-visible:outline-none focus-visible:text-fg" 626 626 @click="isOpen = false" 627 627 > 628 - View all {{ Object.keys(versions).length }} versions 628 + {{ 629 + $t( 630 + 'package.versions.view_all', 631 + { count: Object.keys(versions).length }, 632 + Object.keys(versions).length, 633 + ) 634 + }} 629 635 </NuxtLink> 630 636 </div> 631 637 </div>

+15 -6

app/composables/useNpmRegistry.ts

··· 805 805 * Get tooltip text for an outdated dependency 806 806 * @public 807 807 */ 808 - export function getOutdatedTooltip(info: OutdatedDependencyInfo): string { 808 + export function getOutdatedTooltip( 809 + info: OutdatedDependencyInfo, 810 + t: (key: string, params?: Record<string, unknown>, plural?: number) => string, 811 + ): string { 809 812 if (info.majorsBehind > 0) { 810 - const s = info.majorsBehind === 1 ? '' : 's' 811 - return `${info.majorsBehind} major version${s} behind (latest: ${info.latest})` 813 + return t( 814 + 'package.dependencies.outdated_major', 815 + { count: info.majorsBehind, latest: info.latest }, 816 + info.majorsBehind, 817 + ) 812 818 } 813 819 if (info.minorsBehind > 0) { 814 - const s = info.minorsBehind === 1 ? '' : 's' 815 - return `${info.minorsBehind} minor version${s} behind (latest: ${info.latest})` 820 + return t( 821 + 'package.dependencies.outdated_minor', 822 + { count: info.minorsBehind, latest: info.latest }, 823 + info.minorsBehind, 824 + ) 816 825 } 817 - return `Patch update available (latest: ${info.latest})` 826 + return t('package.dependencies.outdated_patch', { latest: info.latest }) 818 827 } 819 828 820 829 /**

+7 -2

i18n/locales/en.json

··· 191 191 "other_versions": "Other versions", 192 192 "more_tagged": "{count} more tagged", 193 193 "all_covered": "All versions are covered by tags above", 194 - "deprecated_title": "{version} (deprecated)" 194 + "deprecated_title": "{version} (deprecated)", 195 + "view_all": "View all {count} version | View all {count} versions" 195 196 }, 196 197 "dependencies": { 197 198 "title": "Dependencies ({count})", 198 199 "list_label": "Package dependencies", 199 200 "show_all": "show all {count} deps", 200 201 "optional": "optional", 201 - "view_vulnerabilities": "View vulnerabilities" 202 + "view_vulnerabilities": "View vulnerabilities", 203 + "outdated_major": "{count} major version behind (latest: {latest}) | {count} major versions behind (latest: {latest})", 204 + "outdated_minor": "{count} minor version behind (latest: {latest}) | {count} minor versions behind (latest: {latest})", 205 + "outdated_patch": "Patch update available (latest: {latest})" 202 206 }, 203 207 "peer_dependencies": { 204 208 "title": "Peer Dependencies ({count})", ··· 257 261 "esm": "ES Modules supported", 258 262 "cjs": "CommonJS supported", 259 263 "no_esm": "No ES Modules support", 264 + "types_label": "Types", 260 265 "types_included": "Types included", 261 266 "types_available": "Types available via {package}", 262 267 "no_types": "No TypeScript types"

+7 -2

i18n/locales/pl-PL.json

··· 191 191 "other_versions": "Inne wersje", 192 192 "more_tagged": "jeszcze {count}", 193 193 "all_covered": "Wszystkie wersje są objęte powyższymi tagami", 194 - "deprecated_title": "{version} (przestarzała)" 194 + "deprecated_title": "{version} (przestarzała)", 195 + "view_all": "Zobacz wszystkie {count} wersje | Zobacz {count} wersję | Zobacz {count} wersje | Zobacz {count} wersji | Zobacz {count} wersji" 195 196 }, 196 197 "dependencies": { 197 198 "title": "Zależności ({count})", 198 199 "list_label": "Zależności pakietu", 199 200 "show_all": "pokaż wszystkie ({count})", 200 201 "optional": "opcjonalne", 201 - "view_vulnerabilities": "Zobacz luki" 202 + "view_vulnerabilities": "Zobacz luki", 203 + "outdated_major": "{count} wersji głównych w tyle (najnowsza: {latest}) | {count} wersja główna w tyle (najnowsza: {latest}) | {count} wersje główne w tyle (najnowsza: {latest}) | {count} wersji głównych w tyle (najnowsza: {latest}) | {count} wersji głównych w tyle (najnowsza: {latest})", 204 + "outdated_minor": "{count} wersji minor w tyle (najnowsza: {latest}) | {count} wersja minor w tyle (najnowsza: {latest}) | {count} wersje minor w tyle (najnowsza: {latest}) | {count} wersji minor w tyle (najnowsza: {latest}) | {count} wersji minor w tyle (najnowsza: {latest})", 205 + "outdated_patch": "Dostępna poprawka (najnowsza: {latest})" 202 206 }, 203 207 "peer_dependencies": { 204 208 "title": "Zależności peer ({count})", ··· 257 261 "esm": "Obsługuje ES Modules", 258 262 "cjs": "Obsługuje CommonJS", 259 263 "no_esm": "Brak obsługi ES Modules", 264 + "types_label": "Typy", 260 265 "types_included": "Typy w pakiecie", 261 266 "types_available": "Typy dostępne przez {package}", 262 267 "no_types": "Brak typów TypeScript"

+7 -2

lunaria/files/en-US.json

··· 191 191 "other_versions": "Other versions", 192 192 "more_tagged": "{count} more tagged", 193 193 "all_covered": "All versions are covered by tags above", 194 - "deprecated_title": "{version} (deprecated)" 194 + "deprecated_title": "{version} (deprecated)", 195 + "view_all": "View all {count} version | View all {count} versions" 195 196 }, 196 197 "dependencies": { 197 198 "title": "Dependencies ({count})", 198 199 "list_label": "Package dependencies", 199 200 "show_all": "show all {count} deps", 200 201 "optional": "optional", 201 - "view_vulnerabilities": "View vulnerabilities" 202 + "view_vulnerabilities": "View vulnerabilities", 203 + "outdated_major": "{count} major version behind (latest: {latest}) | {count} major versions behind (latest: {latest})", 204 + "outdated_minor": "{count} minor version behind (latest: {latest}) | {count} minor versions behind (latest: {latest})", 205 + "outdated_patch": "Patch update available (latest: {latest})" 202 206 }, 203 207 "peer_dependencies": { 204 208 "title": "Peer Dependencies ({count})", ··· 257 261 "esm": "ES Modules supported", 258 262 "cjs": "CommonJS supported", 259 263 "no_esm": "No ES Modules support", 264 + "types_label": "Types", 260 265 "types_included": "Types included", 261 266 "types_available": "Types available via {package}", 262 267 "no_types": "No TypeScript types"

+7 -2

lunaria/files/pl-PL.json

··· 191 191 "other_versions": "Inne wersje", 192 192 "more_tagged": "jeszcze {count}", 193 193 "all_covered": "Wszystkie wersje są objęte powyższymi tagami", 194 - "deprecated_title": "{version} (przestarzała)" 194 + "deprecated_title": "{version} (przestarzała)", 195 + "view_all": "Zobacz wszystkie {count} wersje | Zobacz {count} wersję | Zobacz {count} wersje | Zobacz {count} wersji | Zobacz {count} wersji" 195 196 }, 196 197 "dependencies": { 197 198 "title": "Zależności ({count})", 198 199 "list_label": "Zależności pakietu", 199 200 "show_all": "pokaż wszystkie ({count})", 200 201 "optional": "opcjonalne", 201 - "view_vulnerabilities": "Zobacz luki" 202 + "view_vulnerabilities": "Zobacz luki", 203 + "outdated_major": "{count} wersji głównych w tyle (najnowsza: {latest}) | {count} wersja główna w tyle (najnowsza: {latest}) | {count} wersje główne w tyle (najnowsza: {latest}) | {count} wersji głównych w tyle (najnowsza: {latest}) | {count} wersji głównych w tyle (najnowsza: {latest})", 204 + "outdated_minor": "{count} wersji minor w tyle (najnowsza: {latest}) | {count} wersja minor w tyle (najnowsza: {latest}) | {count} wersje minor w tyle (najnowsza: {latest}) | {count} wersji minor w tyle (najnowsza: {latest}) | {count} wersji minor w tyle (najnowsza: {latest})", 205 + "outdated_patch": "Dostępna poprawka (najnowsza: {latest})" 202 206 }, 203 207 "peer_dependencies": { 204 208 "title": "Zależności peer ({count})", ··· 257 261 "esm": "Obsługuje ES Modules", 258 262 "cjs": "Obsługuje CommonJS", 259 263 "no_esm": "Brak obsługi ES Modules", 264 + "types_label": "Typy", 260 265 "types_included": "Typy w pakiecie", 261 266 "types_available": "Typy dostępne przez {package}", 262 267 "no_types": "Brak typów TypeScript"

Configure Feed

Configure Feed