Merge branch 'main' into main

Author: kazimolmez

app/app.vue

@@ -129,6 +129,10 @@ if (import.meta.client) {
 
     <AppHeader :show-logo="!isHomepage" />
 
+    <NuxtRouteAnnouncer v-slot="{ message }">
+      {{ route.name === 'search' ? `${$t('search.title_packages')} - npmx` : message }}
+    </NuxtRouteAnnouncer>
+
     <div id="main-content" class="flex-1 flex flex-col" tabindex="-1">
       <NuxtPage />
     </div>

app/utils/prehydrate.ts

@@ -10,7 +10,15 @@ export function initPreferencesOnPrehydrate() {
   // All constants must be hardcoded inside the callback.
   onPrehydrate(() => {
     // Valid accent color IDs (must match --swatch-* variables defined in main.css)
-    const accentColorIds = new Set(['coral', 'amber', 'emerald', 'sky', 'violet', 'magenta'])
+    const accentColorIds = new Set([
+      'sky',
+      'coral',
+      'amber',
+      'emerald',
+      'violet',
+      'magenta',
+      'neutral',
+    ])
 
     // Valid package manager IDs
     const validPMs = new Set(['npm', 'pnpm', 'yarn', 'bun', 'deno', 'vlt'])