chore: ignore internal HTTP detail

Author: iiio2

app/error.vue

@@ -20,6 +20,22 @@ const statusText = computed(() => {
   }
 })
 
+// Sanitize error messages to hide internal details (e.g., HTTP methods, registry URLs)
+const sanitizedMessage = computed(() => {
+  const msg = props.error.message
+  if (!msg) return null
+
+  // Clean up messages that expose internal HTTP details like:
+  // [GET] "https://registry.npmjs.org/...": 404 Not Found
+  // Extract just the status part (e.g., "404 Not Found")
+  const httpMatch = msg.match(/^\[(GET|POST|PUT|DELETE|PATCH)\]\s+"https?:\/\/[^"]+"\s*:\s*(.+)$/)
+  if (httpMatch) {
+    return httpMatch[2] // Return just "404 Not Found" part
+  }
+
+  return msg
+})
+
 function handleError() {
   clearError({ redirect: '/' })
 }
@@ -43,10 +59,10 @@ useHead({
       </h1>
 
       <p
-        v-if="error.message && error.message !== statusText"
+        v-if="sanitizedMessage && sanitizedMessage !== statusText"
         class="text-fg-muted text-base max-w-md mb-8"
       >
-        {{ error.message }}
+        {{ sanitizedMessage }}
       </p>
 
       <button

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

@@ -1105,12 +1105,9 @@ defineOgImageComponent('Package', {
       role="alert"
       class="flex flex-col items-center py-20 text-center"
     >
-      <h1 class="font-mono text-2xl font-medium mb-4">
+      <h1 class="font-mono text-2xl font-medium mb-8">
         {{ $t('package.not_found') }}
       </h1>
-      <p class="text-fg-muted mb-8">
-        {{ error?.message ?? $t('package.not_found_message') }}
-      </p>
       <NuxtLink to="/" class="btn">{{ $t('common.go_back_home') }}</NuxtLink>
     </div>
   </main>