feat: update handleSearch function

rylanharper · Nov 30, 2024 · 46579ea · 46579ea
1 parent f66c703
commit 46579ea
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/app/components/search/search-menu.vue b/app/components/search/search-menu.vue
@@ -17,21 +17,24 @@ const shopify = useShopify();
 
 // Debounce query
 const handleSearch = async (query: string) => {
-  searchQuery.value = query;
+  searchQuery.value = query.trim();
 
-  if (searchQuery.value) {
-    const searchVars: PredictiveSearchQueryVariables = {
-      query: searchQuery.value,
-      country: shopStore.buyerCountryCode,
-      language: shopStore.buyerLanguageCode,
-    };
-
-    try {
-      const response = await shopify.search.predictive(searchVars);
-      searchResults.value = response?.products || [];
-    } catch (error) {
-      console.error('Error fetching predictive search data.', error);
+  const searchVars: PredictiveSearchQueryVariables = {
+    query: searchQuery.value,
+    country: shopStore.buyerCountryCode,
+    language: shopStore.buyerLanguageCode,
+  };
+
+  try {
+    const response = await shopify.search.predictive(searchVars);
+
+    if (!response) {
+      throw new Error('No predictive search data found.');
     }
+
+    searchResults.value = response.products;
+  } catch (error) {
+    console.error('Error fetching predictive search data:', error);
   }
 };