@scayle/storefront-product-listing 0.3.0 → 0.4.1

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

@@ -1,13 +1,16 @@
 import { type ProductSortConfig } from '@scayle/storefront-nuxt';
 import { type ComputedRef } from 'vue';
-import type { RouteLocationNormalizedLoadedGeneric } from 'vue-router';
+import type { RouteLocationNormalizedLoadedGeneric, RouteLocationRaw } from 'vue-router';
 type SelectedSort = ProductSortConfig & {
     key: string;
     label: string;
 };
+type SortLink = SelectedSort & {
+    to: RouteLocationRaw;
+};
 export interface UseProductListSortReturn {
     selectedSort: ComputedRef<SelectedSort | undefined>;
-    sortLinks: ComputedRef<SelectedSort[]>;
+    sortLinks: ComputedRef<SortLink[]>;
     isDefaultSortSelected: ComputedRef<boolean>;
 }
 export interface ProductListSortOptions {

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

@@ -10,14 +10,14 @@ export type UseProductsByCategoryReturn = Pick<Awaited<ReturnType<typeof useProd
     paginationOffset: ComputedRef<number>;
 };
 export interface ProductsByCategoryOptions {
-    params: Omit<Partial<FetchProductsByCategoryParams>, 'category' | 'categoryId'>;
-    fetchingOptions: Partial<{
+    params?: Omit<Partial<FetchProductsByCategoryParams>, 'category' | 'categoryId'>;
+    fetchingOptions?: Partial<{
         lazy: boolean;
         immediate: boolean;
     }>;
-    productsPerPage: number;
-    fetchProductsCacheTtl: number;
-    cacheKeyPrefix: string;
+    productsPerPage?: number;
+    fetchProductsCacheTtl?: number;
+    cacheKeyPrefix?: string;
     fetchingKey?: string;
     withParams?: ProductWith;
 }

package/dist/runtime/composables/useProductsByCategory.js

@@ -9,24 +9,18 @@ const PRODUCTS_PER_PAGE = 24;
 const DEFAULT_CACHE_TTL = 1e3;
 const DEFAULT_CACHE_KEY_PREFIX = "PLP";
 export function useProductsByCategory(categoryId, route, {
-  params,
-  withParams,
-  cacheKeyPrefix,
-  fetchingKey,
-  fetchingOptions,
-  fetchProductsCacheTtl,
-  productsPerPage
-} = {
-  params: {
+  params = {
     includeSoldOut: false,
     includeSellableForFree: false,
     pricePromotionKey: ""
   },
-  fetchingOptions: {},
-  productsPerPage: PRODUCTS_PER_PAGE,
-  fetchProductsCacheTtl: DEFAULT_CACHE_TTL,
-  cacheKeyPrefix: DEFAULT_CACHE_KEY_PREFIX
-}) {
+  withParams,
+  cacheKeyPrefix = DEFAULT_CACHE_KEY_PREFIX,
+  fetchingKey,
+  fetchingOptions = {},
+  fetchProductsCacheTtl = DEFAULT_CACHE_TTL,
+  productsPerPage = PRODUCTS_PER_PAGE
+} = {}) {
   const { selectedSort } = useProductListSort(route);
   const { appliedFilter } = useAppliedFilters(route);
   const productsData = useProducts({
@@ -57,7 +51,7 @@ export function useProductsByCategory(categoryId, route, {
     return productsData.data.value?.pagination;
   });
   const totalProductsCount = computed(() => {
-    return productsData.data.value?.pagination.total ?? 0;
+    return productsData.data.value?.pagination?.total ?? 0;
   });
   const paginationOffset = computed(() => {
     const page = pagination.value?.page ?? 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-listing",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Collection of essential composables and utilities to work with product listing",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",