fix(a11y): add missing h1 in the search page (#660)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Daniel Roe <daniel@roe.dev>

Author: 3 people

app/pages/search.vue

@@ -588,10 +588,13 @@ defineOgImageComponent('Default', {
 </script>
 
 <template>
-  <main class="flex-1" :class="{ 'overflow-x-hidden': viewMode !== 'table' }">
-    <!-- Results area with container padding -->
-    <div class="container-sm py-6">
-      <section v-if="query" :aria-label="$t('search.results')">
+  <main class="flex-1 py-8" :class="{ 'overflow-x-hidden': viewMode !== 'table' }">
+    <div class="container-sm">
+      <h1 class="font-mono text-2xl sm:text-3xl font-medium mb-4">
+        {{ $t('search.title') }}
+      </h1>
+
+      <section v-if="query">
         <!-- Initial loading (only after user interaction, not during view transition) -->
         <LoadingSpinner v-if="showSearching" :text="$t('search.searching')" />
 

i18n/locales/ar.json

@@ -24,7 +24,6 @@
     "found_packages": "تم العثور على {count} حزمة | تم العثور على حزمة واحدة | تم العثور على حزمتين | تم العثور على {count} حزم | تم العثور على {count} حزمة | تم العثور على {count} حزمة",
     "updating": "(جارٍ التحديث...)",
     "no_results": "لم يتم العثور على حزم لـ \"{query}\"",
-    "results": "نتائج البحث",
     "not_taken": "الاسم {name} غير مأخوذ",
     "claim_prompt": "احجز اسم هذه الحزمة على npm",
     "claim_button": "احجز \"{name}\"",
@@ -116,14 +115,19 @@
       "version": "تم إهمال هذا الإصدار.",
       "no_reason": "لم يتم تقديم سبب"
     },
+    "replacement": {},
     "stats": {
       "license": "الترخيص",
       "deps": "الاعتماديات",
       "install_size": "حجم التثبيت",
       "vulns": "الثغرات",
       "updated": "آخر تحديث",
       "view_dependency_graph": "عرض مخطط الاعتماديات",
-      "inspect_dependency_tree": "فحص شجرة الاعتماديات"
+      "inspect_dependency_tree": "فحص شجرة الاعتماديات",
+      "size_tooltip": {}
+    },
+    "skills": {
+      "file_counts": {}
     },
     "links": {
       "repo": "المستودع",
@@ -277,6 +281,7 @@
         "low": "منخفضة"
       }
     },
+    "deprecated": {},
     "access": {
       "title": "وصول الفريق",
       "refresh": "تحديث وصول الفريق",
@@ -706,6 +711,10 @@
       }
     }
   },
+  "account_menu": {},
+  "auth": {
+    "modal": {}
+  },
   "header": {
     "home": "الصفحة الرئيسية لـ npmx",
     "github": "GitHub",
@@ -725,5 +734,12 @@
       "empty": "لا توجد مؤسسات",
       "view_all": "عرض الكل"
     }
+  },
+  "compare": {
+    "packages": {},
+    "selector": {},
+    "facets": {
+      "categories": {}
+    }
   }
 }

i18n/locales/az.json

@@ -24,7 +24,6 @@
     "found_packages": "Paket tapılmadı | 1 paket tapıldı | {count} paket tapıldı",
     "updating": "(yenilənir...)",
     "no_results": "\"{query}\" üçün paket tapılmadı",
-    "results": "Axtarış nəticələri",
     "not_taken": "{name} tutulmayıb",
     "claim_prompt": "Bu paket adını npm-də tutun",
     "claim_button": "\"{name}\" adını tut",
@@ -138,6 +137,9 @@
         "total": "{size} ümumi açılmış həcm (linux-x64 üçün bütün {count} asılılıq daxil olmaqla)"
       }
     },
+    "skills": {
+      "file_counts": {}
+    },
     "links": {
       "repo": "repo",
       "homepage": "ana səhifə",
@@ -725,6 +727,10 @@
       }
     }
   },
+  "account_menu": {},
+  "auth": {
+    "modal": {}
+  },
   "header": {
     "home": "npmx ana səhifə",
     "github": "GitHub",
@@ -744,5 +750,12 @@
       "empty": "Təşkilat tapılmadı",
       "view_all": "Hamısını göstər"
     }
+  },
+  "compare": {
+    "packages": {},
+    "selector": {},
+    "facets": {
+      "categories": {}
+    }
   }
 }

i18n/locales/cs-CZ.json

@@ -27,7 +27,6 @@
     "found_packages": "Nalezen {count} balíček | Nalezeny {count} balíčky | Nalezeno {count} balíčků",
     "updating": "(aktualizace...)",
     "no_results": "Žádné výsledky pro \"{query}\"",
-    "results": "Výsledky hledání",
     "not_taken": "{name} není rezervováno",
     "claim_prompt": "Nárokovat toto jméno balíčku na npm",
     "claim_button": "Nárokovat \"{name}\"",

i18n/locales/de-DE.json

@@ -27,7 +27,6 @@
     "found_packages": "Keine Pakete gefunden | 1 Paket gefunden | {count} Pakete gefunden",
     "updating": "(wird aktualisiert...)",
     "no_results": "Keine Pakete gefunden für \"{query}\"",
-    "results": "Suchergebnisse",
     "not_taken": "{name} ist noch frei",
     "claim_prompt": "Diesen Paketnamen auf npm beanspruchen",
     "claim_button": "\"{name}\" beanspruchen",

i18n/locales/en.json

@@ -27,7 +27,7 @@
     "found_packages": "No packages found | Found 1 package | Found {count} packages",
     "updating": "(updating...)",
     "no_results": "No packages found for \"{query}\"",
-    "results": "Search results",
+    "title": "search",
     "not_taken": "{name} is not taken",
     "claim_prompt": "Claim this package name on npm",
     "claim_button": "Claim \"{name}\"",

i18n/locales/es.json

@@ -24,7 +24,6 @@
     "found_packages": "No se encontraron paquetes | Se encontró 1 paquete | Se encontraron {count} paquetes",
     "updating": "(actualizando...)",
     "no_results": "No se encontraron paquetes para \"{query}\"",
-    "results": "Resultados de la búsqueda",
     "not_taken": "{name} no está ocupado",
     "claim_prompt": "Reclamar este nombre de paquete en npm",
     "claim_button": "Reclamar \"{name}\"",
@@ -116,6 +115,16 @@
       "version": "Esta versión ha sido obsoleta.",
       "no_reason": "Sin razón proporcionada"
     },
+    "replacement": {
+      "title": "Es posible que no necesite esta dependencia.",
+      "native": "Esto se puede reemplazar con {replacement}, disponible desde Node {nodeVersion}.",
+      "simple": "La {community} ha marcado este paquete como redundante, con el siguiente consejo: {replacement}.",
+      "documented": "La {community} ha señalado que este paquete tiene alternativas con mejor rendimiento.",
+      "none": "Este paquete se ha marcado como ya no necesario y es probable que su funcionalidad esté disponible de forma nativa en todos los motores.",
+      "learn_more": "Más información",
+      "mdn": "MDN",
+      "community": "comunidad"
+    },
     "stats": {
       "license": "Licencia",
       "deps": "Dependencias",
@@ -129,6 +138,9 @@
         "total": "{size} tamaño total desempaquetado (incluidas las {count} dependencias para Linux-x64)"
       }
     },
+    "skills": {
+      "file_counts": {}
+    },
     "links": {
       "repo": "repo",
       "homepage": "página de inicio",
@@ -251,10 +263,10 @@
       "esm": "Módulos ES soportados",
       "cjs": "CommonJS soportado",
       "no_esm": "Sin soporte de Módulos ES",
+      "types_label": "Tipos",
       "types_included": "Tipos incluidos",
       "types_available": "Tipos disponibles vía {package}",
-      "no_types": "Sin tipos TypeScript",
-      "types_label": "Tipos"
+      "no_types": "Sin tipos TypeScript"
     },
     "license": {
       "view_spdx": "Ver texto de licencia en SPDX"
@@ -296,6 +308,8 @@
       "refresh": "Actualizar acceso de equipo",
       "list_label": "Lista de acceso de equipo",
       "owner": "propietario",
+      "rw": "rw",
+      "ro": "ro",
       "revoke_access": "Revocar acceso de {name}",
       "no_access": "No hay acceso de equipo configurado",
       "select_team_label": "Seleccionar equipo",
@@ -308,9 +322,7 @@
       },
       "grant_button": "conceder",
       "cancel_grant": "Cancelar concesión de acceso",
-      "grant_access": "+ Conceder acceso de equipo",
-      "ro": "ro",
-      "rw": "rw"
+      "grant_access": "+ Conceder acceso de equipo"
     },
     "list": {
       "filter_label": "Filtrar paquetes",
@@ -325,28 +337,18 @@
       "size": "Tamaño",
       "deps": "Deps",
       "updated": "Actualizado",
+      "get_started": "Empezar",
       "readme": "Léeme",
       "maintainers": "Mantenedores",
       "keywords": "Palabras clave",
       "versions": "Versiones",
-      "dependencies": "Dependencias",
-      "get_started": "Empezar"
+      "dependencies": "Dependencias"
     },
     "sort": {
       "downloads": "Más descargados",
       "updated": "Recientemente actualizados",
       "name_asc": "Nombre (A-Z)",
       "name_desc": "Nombre (Z-A)"
-    },
-    "replacement": {
-      "documented": "La {community} ha señalado que este paquete tiene alternativas con mejor rendimiento.",
-      "community": "comunidad",
-      "mdn": "MDN",
-      "none": "Este paquete se ha marcado como ya no necesario y es probable que su funcionalidad esté disponible de forma nativa en todos los motores.",
-      "learn_more": "Más información",
-      "native": "Esto se puede reemplazar con {replacement}, disponible desde Node {nodeVersion}.",
-      "simple": "La {community} ha marcado este paquete como redundante, con el siguiente consejo: {replacement}.",
-      "title": "Es posible que no necesite esta dependencia."
     }
   },
   "connector": {
@@ -363,6 +365,7 @@
     "modal": {
       "title": "Conector Local",
       "connected": "Conectado",
+      "connected_as_user": "Conectado como ~{user}",
       "connected_hint": "Ahora puedes gestionar paquetes y organizaciones desde la interfaz web.",
       "disconnect": "Desconectar",
       "run_hint": "Ejecuta el conector en tu máquina para habilitar funciones de administración.",
@@ -376,8 +379,7 @@
       "warning": "ADVERTENCIA",
       "warning_text": "Esto permite a npmx acceder a tu CLI de npm. Conéctate solo a sitios en los que confíes.",
       "connect": "Conectar",
-      "connecting": "Conectando...",
-      "connected_as_user": "Conectado como ~{user}"
+      "connecting": "Conectando..."
     }
   },
   "operations": {
@@ -732,6 +734,34 @@
       }
     }
   },
+  "account_menu": {
+    "connect": "conectar",
+    "account": "Cuenta",
+    "npm_cli": "CLI de npm",
+    "atmosphere": "Atmosphere",
+    "npm_cli_desc": "Gestionar paquetes y organizaciones",
+    "atmosphere_desc": "Características sociales e identidad",
+    "connect_npm_cli": "Conectar a la CLI de npm",
+    "connect_atmosphere": "Conectar a la Atmosphere",
+    "connecting": "Conectando...",
+    "ops": "{count} op | {count} ops",
+    "disconnect": "Desconectar"
+  },
+  "auth": {
+    "modal": {
+      "title": "Atmosphere",
+      "connected_as": "Conectado como {'@'}{handle}",
+      "disconnect": "Desconectar",
+      "connect_prompt": "Conectar con tu cuenta de la Atmosphere",
+      "handle_label": "Nombre de usuario",
+      "handle_placeholder": "alice.npmx.social",
+      "connect": "Conectar",
+      "create_account": "Crear una nueva cuenta",
+      "connect_bluesky": "Conectar con Bluesky",
+      "what_is_atmosphere": "¿Qué es una cuenta de la Atmosphere?",
+      "atmosphere_explanation": "{npmx} utiliza {atproto} para proporcionar muchas de sus funciones sociales, lo que permite a los usuarios ser propietarios de sus datos y utilizar una cuenta para todas las aplicaciones compatibles. Una vez que crea una cuenta, puede usar otras aplicaciones como {bluesky} y {tangled} con la misma cuenta."
+    }
+  },
   "header": {
     "home": "inicio npmx",
     "github": "GitHub",
@@ -752,32 +782,11 @@
       "view_all": "Ver todo"
     }
   },
-  "account_menu": {
-    "account": "Cuenta",
-    "atmosphere": "Atmosphere",
-    "atmosphere_desc": "Características sociales e identidad",
-    "connect": "conectar",
-    "connect_atmosphere": "Conectar a la Atmosphere",
-    "connect_npm_cli": "Conectar a la CLI de npm",
-    "connecting": "Conectando...",
-    "disconnect": "Desconectar",
-    "npm_cli": "CLI de npm",
-    "npm_cli_desc": "Gestionar paquetes y organizaciones",
-    "ops": "{count} op | {count} ops"
-  },
-  "auth": {
-    "modal": {
-      "atmosphere_explanation": "{npmx} utiliza {atproto} para proporcionar muchas de sus funciones sociales, lo que permite a los usuarios ser propietarios de sus datos y utilizar una cuenta para todas las aplicaciones compatibles. Una vez que crea una cuenta, puede usar otras aplicaciones como {bluesky} y {tangled} con la misma cuenta.",
-      "connect": "Conectar",
-      "connect_prompt": "Conectar con tu cuenta de la Atmosphere",
-      "connected_as": "Conectado como {'@'}{handle}",
-      "create_account": "Crear una nueva cuenta",
-      "disconnect": "Desconectar",
-      "handle_label": "Nombre de usuario",
-      "handle_placeholder": "alice.npmx.social",
-      "title": "Atmosphere",
-      "what_is_atmosphere": "¿Qué es una cuenta de la Atmosphere?",
-      "connect_bluesky": "Conectar con Bluesky"
+  "compare": {
+    "packages": {},
+    "selector": {},
+    "facets": {
+      "categories": {}
     }
   }
 }