@scayle/storefront-product-detail 1.5.4 → 1.5.6

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @scayle/storefront-product-detail
 
+## 1.5.6
+
+### Patch Changes
+
+- Enhanced data fetching composables to support reactive keys, aligning with [Nuxt 3.17 data fetching improvements](https://nuxt.com/blog/v3-17#data-fetching-improvements).
+
+  You can now pass a `ref`, `computed`, or getter function as the `key` parameter to `useRpc` and derived composables (like `useProducts`, `useBrand` etc.). When the reactive key changes, the data will automatically re-fetch.
+
+  - **Before:** Keys were static strings.
+  - **After:** Keys can be reactive, enabling dynamic caching and automatic updates.
+
+  ```ts
+  // Before
+  const { data } = await useRpc('getProduct', 'my-static-product-key', {
+    productId: 123,
+  })
+
+  // After
+  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',
+    () => `product-${productId.value}`,
+    { productId },
+  )
+  ```
+
+## 1.5.5
+
+### Patch Changes
+
+- Cleaned up README.md and added CONTRIBUTING.md. No functional changes.
+
 ## 1.5.4
 
 ### Patch Changes

package/README.md

@@ -44,8 +44,6 @@ export default defineNuxtConfig({
 })
 ```
 
-## Module Configuration
-
 ## License
 
 Licensed under the [MIT License](https://opensource.org/license/mit/)
@@ -61,12 +59,3 @@ Learn more about [SCAYLE’s architecture](https://scayle.dev/en/core-documentat
 
 - [LinkedIn](https://www.linkedin.com/company/scaylecommerce/)
 - [Jobs](https://careers.smartrecruiters.com/ABOUTYOUGmbH/scayle)
-
-<!-- Badges -->
-
-[npm-version-src]: https://img.shields.io/npm/v/@scayle/storefront-product-detail/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-version-href]: https://npmjs.com/package/@scayle/storefront-product-detail
-[npm-downloads-src]: https://img.shields.io/npm/dm/@scayle/storefront-product-detail.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-downloads-href]: https://npmjs.com/package/@scayle/storefront-product-detail
-[license-src]: https://img.shields.io/npm/l/@scayle/storefront-product-detail.svg?style=flat&colorA=18181B&colorB=28CF8D
-[license-href]: https://npmjs.com/package/@scayle/storefront-product-detail

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-product-detail",
   "configKey": "product-detail",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "compatibility": {
     "bridge": false,
     "nuxt": ">=3.13"

package/dist/module.mjs

@@ -1,8 +1,8 @@
 import { defineNuxtModule, createResolver, addImportsDir } from '@nuxt/kit';
 
 const PACKAGE_NAME = "@scayle/storefront-product-detail";
-const PACKAGE_VERSION = "1.5.4";
-const module = defineNuxtModule({
+const PACKAGE_VERSION = "1.5.6";
+const module$1 = defineNuxtModule({
   meta: {
     name: PACKAGE_NAME,
     configKey: "product-detail",
@@ -37,4 +37,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { module as default };
+export { module$1 as default };

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

@@ -1,7 +1,7 @@
-import type { KeysOf, NormalizedRpcResponse, UseRpcOptions, UseRpcReturn } from '@scayle/storefront-nuxt/composables';
+import type { KeysOf, NormalizedRpcResponse, UseRpcOptions, UseRpcReturn, UseRpcCacheKey } from '@scayle/storefront-nuxt/composables';
 import type { MaybeRefOrGetter } from 'vue';
 import type { RpcMethodParameters } from '@scayle/storefront-nuxt';
 export declare function useAllShopProductsForId<DataT = NormalizedRpcResponse<'getAllShopProductsForId'>, PickKeys extends KeysOf<DataT> = KeysOf<DataT>, DefaultT = null>({ params, options, }?: Partial<{
     params: MaybeRefOrGetter<RpcMethodParameters<'getAllShopProductsForId'>>;
     options: UseRpcOptions<'getAllShopProductsForId', DataT, PickKeys, DefaultT>;
-}>, key?: string): UseRpcReturn<'getAllShopProductsForId', DataT, PickKeys, DefaultT>;
+}>, key?: UseRpcCacheKey): UseRpcReturn<'getAllShopProductsForId', DataT, PickKeys, DefaultT>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-product-detail",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "description": "Collection of essential composables and utilities to work with product detail",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -37,29 +37,29 @@
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "0.18.2",
-    "@nuxt/kit": "3.19.3",
+    "@nuxt/kit": "3.20.0",
     "@nuxt/module-builder": "1.0.2",
-    "@nuxt/schema": "3.19.3",
-    "@nuxt/test-utils": "3.19.2",
-    "@types/node": "22.18.11",
-    "@vitest/coverage-v8": "3.2.4",
+    "@nuxt/schema": "3.20.0",
+    "@nuxt/test-utils": "3.20.1",
+    "@types/node": "22.19.1",
+    "@vitest/coverage-v8": "4.0.14",
     "@vueuse/core": "13.9.0",
     "dprint": "0.50.2",
     "eslint-formatter-gitlab": "6.0.1",
-    "eslint": "9.37.0",
-    "happy-dom": "20.0.7",
-    "nuxt": "3.19.3",
-    "publint": "0.3.14",
+    "eslint": "9.39.1",
+    "happy-dom": "20.0.10",
+    "nuxt": "3.20.0",
+    "publint": "0.3.15",
     "schema-dts": "1.1.5",
     "typescript": "5.9.3",
     "unbuild": "3.6.1",
-    "vitest": "3.2.4",
+    "vitest": "4.0.14",
     "vue-router": "4.6.3",
-    "vue-tsc": "3.1.1",
-    "vue": "3.5.22",
-    "@scayle/eslint-config-storefront": "4.7.10",
-    "@scayle/vitest-config-storefront": "1.0.0",
-    "@scayle/storefront-nuxt": "8.45.1"
+    "vue-tsc": "3.1.5",
+    "vue": "3.5.25",
+    "@scayle/eslint-config-storefront": "4.7.14",
+    "@scayle/storefront-nuxt": "8.53.3",
+    "@scayle/vitest-config-storefront": "1.0.0"
   },
   "scripts": {
     "build": "nuxt-module-build build",