@propeller-commerce/propeller-v2-vue-ui 0.3.38 → 0.3.39

package/CHANGELOG.md

@@ -8,6 +8,19 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.3.39] - 2026-07-21
+
+### Fixed
+
+- **`SearchBar` autosuggest now filters results by the active language.**
+  Follow-up to 0.3.38's category-search routing: the backend search matches
+  across all languages, so FR/ES-only products leaked into an EN preview. The
+  autosuggest now drops results with no name in the active language (and
+  adjusts the "View all (N)" total by the dropped count), and the result row
+  displays the name in the active language (falling back to the first
+  available) instead of always the first name in the array. Mirrors react-ui
+  0.4.29.
+
 ## [0.3.38] - 2026-07-21
 
 ### Fixed

package/dist/index.cjs

@@ -2041,6 +2041,7 @@ function useProductSearch(options) {
   const currentSortField = vue.ref(options.sortField?.value ?? propellerSdkV2.ProductSortField.RELEVANCE);
   const currentSortOrder = vue.ref(options.sortOrder?.value ?? "DESC");
   function filterByLanguage(products, lang) {
+    if (!lang) return products;
     return products.filter((p) => {
       const names = p.names || p.names || [];
       if (!names || names.length === 0) return true;
@@ -2267,8 +2268,12 @@ function useProductSearch(options) {
         };
         const response = await service.getCategory(variables);
         const productsResponse = response?.products;
-        searchResults.value = productsResponse?.items ?? [];
-        searchItemsFound.value = productsResponse?.itemsFound ?? searchResults.value.length;
+        const rawItems = productsResponse?.items ?? [];
+        const items = filterByLanguage(rawItems, lang);
+        const untranslated = rawItems.length - items.length;
+        const apiTotal = productsResponse?.itemsFound ?? rawItems.length;
+        searchResults.value = items;
+        searchItemsFound.value = Math.max(0, apiTotal - untranslated);
       } catch {
         searchResults.value = [];
         searchItemsFound.value = 0;
@@ -20104,9 +20109,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       const url = typeof builder === "function" ? builder(item, infra.language) : isCluster ? "/cluster/" + id + "/" + slug : "/product/" + id + "/" + slug;
       const priceNet = displayItem?.price?.net || 0;
       const priceGross = displayItem?.price?.gross || 0;
+      const lang = infra.language;
+      const localizedName = lang && item.names?.find((n) => n.language === lang)?.value || item.names?.[0]?.value || "Product";
       return {
         id,
-        name: item.names?.[0]?.value || "Product",
+        name: localizedName,
         sku: item.sku || displayItem?.sku || "",
         // `price` stays gross for back-compat; the row picks net/gross per toggle.
         price: priceGross,