@scayle/storefront-product-listing 2.3.2 → 2.5.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @scayle/storefront-product-listing
 
+## 2.5.0
+
+### Minor Changes
+
+- **[RPC]** Updated built-in RPC methods to use `GET` for safe, cacheable reads and `PUT`/`POST`/`DELETE` for mutations, enabling CDN and browser caching for public data fetches.
+
+## 2.4.0
+
+### Minor Changes
+
+- Introduced support for Nuxt 4 while maintaining full backward compatibility with Nuxt 3.
+  This enables consumers to migrate to Nuxt 4 ahead of the Nuxt 3 end of support on 31 Jan 2026.
+
+  - **Version Requirements:**
+    - Nuxt 3: `v3.13.0+`
+    - Nuxt 4: `v4.2.0+`
+
+  **NOTE:** Please be aware that the SCAYLE Storefront Application itself does not yet support Nuxt 4. These package updates are a prerequisite. We recommend remaining on Nuxt 3 for your Storefront implementation until further notice.
+
+  See the [Nuxt 4 Migration Guide](https://nuxt.com/docs/4.x/getting-started/upgrade) for general upgrade details.
+
 ## 2.3.2
 
 ### Patch Changes
@@ -113,20 +134,20 @@
 
   ```ts
   // Before
-  const { data } = await useRpc('getProduct', 'my-static-product-key', {
+  const { data } = await useRpc("getProduct", "my-static-product-key", {
     productId: 123,
-  })
+  });
 
   // After
-  const productId = ref(123)
+  const productId = ref(123);
 
   // The key is now reactive. If `productId` changes, the key updates
   // to 'product-456' (for example) and triggers a new fetch.
   const { data } = await useRpc(
-    'getProduct',
+    "getProduct",
     () => `product-${productId.value}`,
-    { productId },
-  )
+    { productId }
+  );
   ```
 
 ## 2.2.0
@@ -206,14 +227,14 @@
   **Before**
 
   ```ts
-  import { defaultSortingOptions } from '#storefront-product-listing'
+  import { defaultSortingOptions } from "#storefront-product-listing";
   const { sortLinks } = useProductListSort(useRoute(), {
     sortingOptions: defaultSortingOptions,
-  })
+  });
   ```
 
   ```ts
-  const { sortLinks } = useProductListSort(useRoute())
+  const { sortLinks } = useProductListSort(useRoute());
   ```
 
   (Both before approaches are equivalent.)
@@ -221,19 +242,19 @@
   **After**
 
   ```ts
-  import { SORT_PRICE_ASC, SORT_PRICE_DESC } from '#storefront-product-listing'
+  import { SORT_PRICE_ASC, SORT_PRICE_DESC } from "#storefront-product-listing";
   const { sortLinks } = useProductListSort(useRoute(), {
     sortingOptions: [
       {
         ...SORT_PRICE_ASC,
-        label: 'Price Ascending',
+        label: "Price Ascending",
       },
       {
         ...SORT_PRICE_DESC,
-        label: 'Price Descending',
+        label: "Price Descending",
       },
     ],
-  })
+  });
   ```
 
 - **BREAKING**: `useProductListingSeoData` now expects `isDefaultSortSelected` to be passed as the final parameter. This removes the internal dependency on `useProductListSort`. It is typed as `MaybeRefOrGetter<Boolean>` to support reactive usage.
@@ -241,12 +262,12 @@
   **Before**
 
   ```ts
-  const route = useRoute()
+  const route = useRoute();
   const { title, robots, canonicalLink, categoryBreadcrumbSchema } =
     useProductListingSeoData(breadcrumbs, route, {
       baseUrl: baseUrl,
       fullPath: fullPath,
-    })
+    });
   ```
 
   **After**
@@ -418,7 +439,7 @@
     They can be used as follows:
 
     ```ts
-    import { filtersFactory } from '@scayle/storefront-product-listing'
+    import { filtersFactory } from "@scayle/storefront-product-listing";
     ```
 
   - Upgrade the `storefront-core` and `storefront-nuxt` packages to version 8 and update your implementation to reflect the changes in RPC composables:

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-product-listing",
   "configKey": "product-listing",
-  "version": "2.3.2",
+  "version": "2.5.0",
   "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.3.2";
+const PACKAGE_VERSION = "2.5.0";
 const module$1 = defineNuxtModule({
   meta: {
     name: PACKAGE_NAME,

package/dist/runtime/rpc/methods/categories.js

@@ -44,4 +44,4 @@ export const getAllShopCategoriesForId = defineRpcHandler(async ({ id, propertie
     // 12 hours
   })();
   return result;
-});
+}, { method: "GET" });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-listing",
-  "version": "2.3.2",
+  "version": "2.5.0",
   "description": "Collection of essential composables and utilities to work with product listing",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -28,11 +28,14 @@
     "CHANGELOG.md",
     "dist"
   ],
+  "engines": {
+    "node": ">= 22.0.0"
+  },
   "imports": {
     "#storefront-product-listing": "./dist/runtime/index.js"
   },
   "peerDependencies": {
-    "@nuxt/kit": ">=3.13.0",
+    "@nuxt/kit": ">=3.13.0 || >=4.2.0",
     "@scayle/storefront-nuxt": "^8.0.0",
     "@vueuse/core": "^12.8.2 || ^13.0.0 || ^14.0.0",
     "fishery": "^2.2.3",
@@ -41,30 +44,30 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.2",
-    "@nuxt/kit": "3.20.0",
+    "@nuxt/kit": "^3.20.2",
     "@nuxt/module-builder": "1.0.2",
-    "@nuxt/schema": "3.20.0",
-    "@nuxt/test-utils": "3.21.0",
-    "@types/node": "22.19.3",
-    "@vitest/coverage-v8": "4.0.16",
-    "@vueuse/core": "14.1.0",
-    "dprint": "0.50.2",
-    "eslint-formatter-gitlab": "7.0.1",
-    "eslint": "9.39.2",
+    "@nuxt/schema": "^3.20.2",
+    "@nuxt/test-utils": "4.0.0",
+    "@scayle/eslint-config-storefront": "^4.8.0",
+    "@types/node": "22.19.17",
+    "@vitest/coverage-v8": "4.1.5",
+    "@vueuse/core": "14.2.1",
+    "eslint-formatter-gitlab": "7.1.0",
+    "eslint": "10.2.1",
     "fishery": "2.4.0",
-    "happy-dom": "20.0.11",
-    "nuxt": "3.20.0",
-    "publint": "0.3.16",
+    "h3": "1.15.11",
+    "happy-dom": "20.9.0",
+    "nuxt": "^3.20.2",
+    "publint": "0.3.18",
     "schema-dts": "1.1.5",
     "typescript": "5.9.3",
     "unbuild": "3.6.1",
-    "vitest": "4.0.16",
+    "vitest": "4.1.5",
     "vue-router": "4.6.4",
-    "vue-tsc": "3.1.8",
-    "vue": "3.5.26",
-    "@scayle/eslint-config-storefront": "4.7.18",
-    "@scayle/vitest-config-storefront": "1.0.0",
-    "@scayle/storefront-nuxt": "8.57.2"
+    "vue-tsc": "3.2.6",
+    "vue": "3.5.32",
+    "@scayle/storefront-nuxt": "8.61.0",
+    "@scayle/vitest-config-storefront": "1.0.0"
   },
   "scripts": {
     "build": "nuxt-module-build build",
@@ -74,11 +77,6 @@
     "lint": "eslint .",
     "lint:ci": "eslint . --format gitlab",
     "lint:fix": "eslint . --fix",
-    "format": "dprint check",
-    "format:fix": "dprint fmt",
-    "test": "vitest --run",
-    "test:watch": "vitest",
-    "test:ci": "vitest --run --coverage --reporter=default --reporter=junit --outputFile=./coverage/junit.xml",
     "typecheck": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit",
     "package:lint": "publint",
     "verify-packaging": "attw --pack . --profile esm-only"