@scayle/storefront-product-listing 1.0.0 → 1.1.0

package/dist/module.json

@@ -8,6 +8,6 @@
   },
   "builder": {
     "@nuxt/module-builder": "0.8.4",
-    "unbuild": "2.0.0"
+    "unbuild": "3.0.1"
   }
 }

package/dist/runtime/composables/useFiltersForListing.d.ts

@@ -1,9 +1,9 @@
 import { type FetchFiltersParams } from '@scayle/storefront-nuxt';
 import { useFilters } from '@scayle/storefront-nuxt/composables';
-import { type ComputedRef, type MaybeRefOrGetter } from 'vue';
+import { type ComputedRef, type Ref } from 'vue';
 import type { FilterItemWithValues } from '@scayle/storefront-api';
 export type FiltersForListingOptions = Partial<{
-    params: MaybeRefOrGetter<Omit<FetchFiltersParams, 'category'>>;
+    params: Ref<Omit<FetchFiltersParams, 'category'>>;
     fetchingOptions: Partial<{
         lazy: boolean;
         immediate: boolean;

package/dist/runtime/composables/useFiltersForListing.js

@@ -1,18 +1,21 @@
 import { extendPromise } from "@scayle/storefront-nuxt";
 import { useFilters } from "@scayle/storefront-nuxt/composables";
-import { computed, toValue } from "vue";
+import { computed, ref } from "vue";
 export function useFiltersForListing({
-  params = {
+  params = ref({
     includeSellableForFree: false,
     includeSoldOut: false
-  },
+  }),
   fetchingKey,
   fetchingOptions
 } = {}) {
-  const filterData = useFilters({
-    params,
-    options: fetchingOptions
-  }, fetchingKey ?? `${toValue(params).categoryId}-filters`);
+  const filterData = useFilters(
+    {
+      params: params?.value,
+      options: fetchingOptions
+    },
+    fetchingKey ?? params?.value.categoryId ? `${params?.value.categoryId}-filters` : "search-filters"
+  );
   const {
     data,
     refresh,

package/dist/runtime/composables/useProductsForListing.d.ts

@@ -1,5 +1,5 @@
 import { type FetchProductsByCategoryParams, type Product } from '@scayle/storefront-nuxt';
-import { type MaybeRefOrGetter, type ComputedRef } from 'vue';
+import { type Ref, type ComputedRef } from 'vue';
 import { useProducts } from '@scayle/storefront-nuxt/composables';
 import type { Pagination } from '@scayle/storefront-api';
 export type UseProductsForListingReturn = Pick<Awaited<ReturnType<typeof useProducts>>, 'error' | 'status'> & {
@@ -12,7 +12,7 @@ export type UseProductsForListingReturn = Pick<Awaited<ReturnType<typeof useProd
     paginationOffset: ComputedRef<number>;
 };
 export interface ProductsForListingOptions {
-    params: MaybeRefOrGetter<Omit<FetchProductsByCategoryParams, 'category'>>;
+    params: Ref<Omit<FetchProductsByCategoryParams, 'category'>>;
     fetchingOptions: Partial<{
         lazy: boolean;
         immediate: boolean;

package/dist/runtime/composables/useProductsForListing.js

@@ -1,15 +1,15 @@
 import {
   extendPromise
 } from "@scayle/storefront-nuxt";
-import { computed, toValue } from "vue";
+import { computed, ref } from "vue";
 import { useProducts } from "@scayle/storefront-nuxt/composables";
 export function useProductsForListing({
-  params = {
+  params = ref({
     includeSoldOut: false,
     includeSellableForFree: false,
     pricePromotionKey: "",
     sort: {}
-  },
+  }),
   fetchingKey,
   fetchingOptions
 } = {}) {
@@ -19,11 +19,11 @@ export function useProductsForListing({
       // as this logs the search term on every page request.
       // Instead, we log the term only once, when the search is first performed.
       // See: https://scayle.dev/en/developer-guide/products/search#scayle-search-analytics
-      trackSearchAnalyticsEvent: !!(toValue(params).page === 1 && toValue(params)?.where?.term),
-      ...toValue(params)
+      trackSearchAnalyticsEvent: !!(params.value.page === 1 && params.value?.where?.term),
+      ...params.value
     }),
     options: fetchingOptions
-  }, fetchingKey || `${toValue(params).categoryId ?? 0}-products`);
+  }, fetchingKey || `${params.value.categoryId ?? 0}-products`);
   const products = computed(() => {
     return productsData.data.value?.products ?? [];
   });
@@ -35,7 +35,7 @@ export function useProductsForListing({
   });
   const paginationOffset = computed(() => {
     const page = pagination.value?.page ?? 1;
-    const perPage = pagination.value?.perPage ?? toValue(params).perPage ?? 0;
+    const perPage = pagination.value?.perPage ?? params.value.perPage ?? 0;
     return (page - 1) * perPage;
   });
   return extendPromise(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-listing",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Collection of essential composables and utilities to work with product listing",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -56,13 +56,13 @@
     "@nuxt/module-builder": "0.8.4",
     "@nuxt/schema": "3.13.2",
     "@nuxt/test-utils": "3.15.1",
-    "@scayle/eslint-config-storefront": "4.3.2",
+    "@scayle/eslint-config-storefront": "4.4.0",
     "@scayle/storefront-nuxt": "8.1.3",
     "@types/node": "22.10.2",
     "@vue/test-utils": "2.4.6",
     "@vueuse/core": "12.0.0",
     "dprint": "0.47.6",
-    "eslint": "9.16.0",
+    "eslint": "9.17.0",
     "happy-dom": "15.11.7",
     "eslint-formatter-gitlab": "5.1.0",
     "nuxt": "3.13.2",