fix: ensure we refetch when increasing results size

Author: danielroe

app/composables/npm/useNpmSearch.ts

@@ -307,9 +307,13 @@ export function useNpmSearch(
   )
 
   // Re-search when provider changes
-  watch(searchProvider, () => {
+  watch(searchProvider, async () => {
     cache.value = null
-    asyncData.refresh()
+    await asyncData.refresh()
+    const targetSize = toValue(options).size
+    if (targetSize) {
+      await fetchMore(targetSize)
+    }
   })
 
   // Computed data that uses cache

app/pages/search.vue

@@ -915,7 +915,7 @@ defineOgImageComponent('Default', {
           </div>
 
           <!-- No results found -->
-          <div v-else-if="status !== 'pending'" role="status" class="py-12">
+          <div v-else-if="status === 'success' || status === 'error'" role="status" class="py-12">
             <p class="text-fg-muted font-mono mb-6 text-center">
               {{ $t('search.no_results', { query }) }}
             </p>