Merge branch 'main' into refactor-remove-class-shortcuts

Author: essenmitsosse

app/components/Package/DeprecatedTree.vue

@@ -88,7 +88,7 @@ function getDepthStyle(depth: DependencyDepth) {
                   name: 'package',
                   params: { package: [...pkg.name.split('/'), 'v', pkg.version] },
                 }"
-                class="font-mono text-sm font-medium hover:underline truncate"
+                class="font-mono text-sm font-medium hover:underline truncate py-4"
                 :class="getDepthStyle(pkg.depth).text"
               >
                 {{ pkg.name }}@{{ pkg.version }}

app/components/Package/ListToolbar.vue

@@ -115,14 +115,18 @@ function getSortKeyLabelKey(key: SortKey): string {
       >
         <template v-if="showingFiltered">
           {{
-            $t('filters.count.showing_filtered', {
-              filtered: filteredCount.toLocaleString(),
-              count: totalCount.toLocaleString(),
-            })
+            $t(
+              'filters.count.showing_filtered',
+              {
+                filtered: $n(filteredCount),
+                count: $n(totalCount),
+              },
+              totalCount,
+            )
           }}
         </template>
         <template v-else>
-          {{ $t('filters.count.showing_all', { count: totalCount.toLocaleString() }) }}
+          {{ $t('filters.count.showing_all', { count: $n(totalCount) }, totalCount) }}
         </template>
       </div>
 
@@ -132,10 +136,14 @@ function getSortKeyLabelKey(key: SortKey): string {
         class="text-sm font-mono text-fg-muted"
       >
         {{
-          $t('filters.count.showing_paginated', {
-            pageSize: pageSize === 'all' ? filteredCount : pageSize,
-            count: filteredCount.toLocaleString(),
-          })
+          $t(
+            'filters.count.showing_paginated',
+            {
+              pageSize: pageSize === 'all' ? $n(filteredCount) : pageSize,
+              count: $n(filteredCount),
+            },
+            filteredCount,
+          )
         }}
       </div>
 

app/components/PaginationControls.vue

@@ -181,7 +181,7 @@ function handlePageSizeChange(event: Event) {
           $t('filters.pagination.showing', {
             start: startItem,
             end: endItem,
-            total: totalItems.toLocaleString(),
+            total: $n(totalItems),
           })
         }}
       </span>

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

@@ -979,7 +979,7 @@ function handleClick(event: MouseEvent) {
         <h2 id="readme-heading" class="group text-xs text-fg-subtle uppercase tracking-wider mb-4">
           <a
             href="#readme"
-            class="inline-flex items-center gap-1.5 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
+            class="inline-flex py-4 px-2 items-center gap-1.5 text-fg-subtle hover:text-fg-muted transition-colors duration-200 no-underline"
           >
             {{ $t('package.readme.title') }}
             <span

app/pages/about.vue

@@ -53,7 +53,7 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
 
       <section class="prose prose-invert max-w-none space-y-8">
         <div>
-          <h2 class="text-xs text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('about.what_we_are.title') }}
           </h2>
           <p class="text-fg-muted leading-relaxed mb-4">
@@ -82,7 +82,7 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
         </div>
 
         <div>
-          <h2 class="text-xs text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
             {{ $t('about.what_we_are_not.title') }}
           </h2>
           <ul class="space-y-3 text-fg-muted list-none p-0">
@@ -167,8 +167,8 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
         </div>
 
         <div>
-          <h2 class="text-xs text-fg-subtle uppercase tracking-wider mb-4">
-            {{ $t('about.contributors.title') }}
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+            {{ contributors?.length ?? 0 }} {{ $t('about.contributors.title') }}
           </h2>
           <p class="text-fg-muted leading-relaxed mb-6">
             {{ $t('about.contributors.description') }}
@@ -205,7 +205,7 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
 
         <!-- Get Involved CTAs -->
         <div>
-          <h2 class="text-xs text-fg-subtle uppercase tracking-wider mb-6">
+          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-6">
             {{ $t('about.get_involved.title') }}
           </h2>
 

app/pages/search.vue

@@ -680,10 +680,15 @@ defineOgImageComponent('Default', {
               class="text-fg-muted text-sm mt-4 font-mono"
             >
               {{
-                $t('filters.count.showing_paginated', {
-                  pageSize: preferredPageSize === 'all' ? visibleResults.total : preferredPageSize,
-                  count: visibleResults.total.toLocaleString(),
-                })
+                $t(
+                  'filters.count.showing_paginated',
+                  {
+                    pageSize:
+                      preferredPageSize === 'all' ? $n(visibleResults.total) : preferredPageSize,
+                    count: $n(visibleResults.total),
+                  },
+                  visibleResults.total,
+                )
               }}
             </p>
           </div>

i18n/locales/ar.json

@@ -642,9 +642,9 @@
       "nav_label": "التصفح"
     },
     "count": {
-      "showing_filtered": "{filtered} من {total} حزمة",
-      "showing_all": "{total} حزمة | حزمة واحدة | حزمتان | {total} حزم | {total} حزمة | {total} حزمة",
-      "showing_paginated": "{pageSize} من {total} حزمة"
+      "showing_filtered": "{filtered} من {count} حزمة",
+      "showing_all": "{count} حزمة | حزمة واحدة | حزمتان | {count} حزم | {count} حزمة | {count} حزمة",
+      "showing_paginated": "{pageSize} من {count} حزمة"
     },
     "table": {
       "security_warning": "تحذير أمني",

i18n/locales/az.json

@@ -661,9 +661,9 @@
       "nav_label": "Səhifələmə"
     },
     "count": {
-      "showing_filtered": "{total} paketdən {filtered}",
-      "showing_all": "{total} paket",
-      "showing_paginated": "{total} paketdən {pageSize}"
+      "showing_filtered": "{count} paketdən {filtered}",
+      "showing_all": "{count} paket",
+      "showing_paginated": "{count} paketdən {pageSize}"
     },
     "table": {
       "security_warning": "Təhlükəsizlik xəbərdarlığı",

i18n/locales/es.json

@@ -668,9 +668,9 @@
       "nav_label": "Paginación"
     },
     "count": {
-      "showing_filtered": "{filtered} de {total} paquetes",
-      "showing_all": "{total} paquetes",
-      "showing_paginated": "{pageSize} de {total} paquetes"
+      "showing_filtered": "{filtered} de {count} paquetes",
+      "showing_all": "{count} paquetes",
+      "showing_paginated": "{pageSize} de {count} paquetes"
     },
     "table": {
       "security_warning": "Advertencia de seguridad",

i18n/locales/fr-FR.json

@@ -671,9 +671,9 @@
       "nav_label": "Pagination"
     },
     "count": {
-      "showing_filtered": "{filtered} sur {total} paquets",
-      "showing_all": "{total} paquets",
-      "showing_paginated": "{pageSize} sur {total} paquets"
+      "showing_filtered": "{filtered} sur {count} paquets",
+      "showing_all": "{count} paquets",
+      "showing_paginated": "{pageSize} sur {count} paquets"
     },
     "table": {
       "security_warning": "Avertissement de sécurité",