refactor: create useSearch and extract npm logic

app/components/Compare/PackageSelector.vue

@@ -14,8 +14,8 @@ const maxPackages = computed(() => props.max ?? 4)
 const inputValue = shallowRef('')
 const isInputFocused = shallowRef(false)
 
-// Use the shared npm search composable
-const { data: searchData, status } = useNpmSearch(inputValue, { size: 15 })
+// Use the shared search composable (supports both npm and Algolia providers)
+const { data: searchData, status } = useSearch(inputValue, { size: 15 })
 
 const isSearching = computed(() => status.value === 'pending')
 

app/composables/npm/search-utils.ts

@@ -0,0 +1,33 @@
+import type { NpmSearchResponse, NpmSearchResult, PackageMetaResponse } from '#shared/types'
+
+/**
+ * Convert a lightweight package-meta API response to a search result for display.
+ */
+export function metaToSearchResult(meta: PackageMetaResponse): NpmSearchResult {
+  return {
+    package: {
+      name: meta.name,
+      version: meta.version,
+      description: meta.description,
+      keywords: meta.keywords,
+      license: meta.license,
+      date: meta.date,
+      links: meta.links,
+      author: meta.author,
+      maintainers: meta.maintainers,
+    },
+    score: { final: 0, detail: { quality: 0, popularity: 0, maintenance: 0 } },
+    searchScore: 0,
+    downloads: meta.weeklyDownloads !== undefined ? { weekly: meta.weeklyDownloads } : undefined,
+    updated: meta.date,
+  }
+}
+
+export function emptySearchResponse(): NpmSearchResponse {
+  return {
+    objects: [],
+    total: 0,
+    isStale: false,
+    time: new Date().toISOString(),
+  }
+}