@scayle/storefront-product-listing 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @scayle/storefront-product-listing
 
+## 2.0.2
+
+### Patch Changes
+
+- Refined `useAppliedFilters` to update the `appliedFilter` value only when query parameters beginning with the specified `filtersPrefix` change, preventing unnecessary updates of `appliedFilter` when unrelated query parameters are modified
+
+  **Before:**
+
+  Any change to query parameters, regardless of their name, such as `?someQueryParam=true`, would trigger a reactive update of `appliedFilter`.
+
+  **After:**
+
+  Only changes to query parameters that begin with the specified prefix (e.g., `filters`) will trigger an update. For example, only `?filters[someQueryParam]=true` will cause `appliedFilter` to update, while unrelated query parameters will be ignored.
+
 ## 2.0.1
 
 ### Patch Changes
@@ -261,7 +275,7 @@
 ### Patch Changes
 
 - The `useProductsByCategory` composable now sets the trackSearchAnalyticsEvent parameter by default if the current page evaluates to `1` and the `appliedFilter.term` is not empty.
-  The default behavior can be overriden by passing `trackSearchAnalyticsEvent: false` as part of `ProductsByCategoryOptions.params`.
+  The default behavior can be overridden by passing `trackSearchAnalyticsEvent: false` as part of `ProductsByCategoryOptions.params`.
   For more details, check the [SCAYLE Search Analytics section](https://scayle.dev/en/developer-guide/products/search#scayle-search-analytics) in the SCAYLE Resource Center.
 
 ## 0.4.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-product-listing",
   "configKey": "product-listing",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "compatibility": {
     "bridge": false,
     "nuxt": ">=3.13"

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { defineNuxtModule, createResolver, addImportsDir } from '@nuxt/kit';
 
 const PACKAGE_NAME = "@scayle/storefront-product-listing";
-const PACKAGE_VERSION = "2.0.1";
+const PACKAGE_VERSION = "2.0.2";
 const module = defineNuxtModule({
   meta: {
     name: PACKAGE_NAME,

package/dist/runtime/composables/useAppliedFilters.js

@@ -2,9 +2,11 @@ import { computed, ref, watch } from "vue";
 import { parseFilterDataFromRoute } from "../utils/filters.js";
 export function useAppliedFilters(route, { filtersPrefix } = { filtersPrefix: "filters" }) {
   const appliedFilter = ref({ attributes: [] });
-  const routeQueryString = computed(() => JSON.stringify(route.query));
-  watch(routeQueryString, () => {
-    appliedFilter.value = parseFilterDataFromRoute(route.query, filtersPrefix);
+  const parsedFilterQuery = computed(
+    () => parseFilterDataFromRoute(route.query, filtersPrefix)
+  );
+  watch(() => JSON.stringify(parsedFilterQuery.value), () => {
+    appliedFilter.value = parsedFilterQuery.value;
   }, { immediate: true });
   const appliedFiltersCount = computed(() => {
     let count = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-listing",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Collection of essential composables and utilities to work with product listing",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -45,7 +45,7 @@
     "@nuxt/module-builder": "1.0.1",
     "@nuxt/schema": "3.17.7",
     "@nuxt/test-utils": "3.19.2",
-    "@types/node": "22.16.4",
+    "@types/node": "22.16.5",
     "@vitest/coverage-v8": "3.2.4",
     "@vueuse/core": "13.5.0",
     "dprint": "0.50.1",
@@ -60,10 +60,10 @@
     "unbuild": "3.5.0",
     "vitest": "3.2.4",
     "vue-router": "4.5.1",
-    "vue-tsc": "3.0.1",
+    "vue-tsc": "3.0.3",
     "vue": "3.5.17",
-    "@scayle/eslint-config-storefront": "4.6.1",
-    "@scayle/storefront-nuxt": "8.34.1"
+    "@scayle/storefront-nuxt": "8.37.0",
+    "@scayle/eslint-config-storefront": "4.7.0"
   },
   "scripts": {
     "build": "nuxt-module-build build",