@scayle/storefront-nuxt 7.85.0 → 7.85.1

package/CHANGELOG.md

@@ -1,10 +1,84 @@
 # @scayle/storefront-nuxt
 
+## 7.85.1
+
+### Patch Changes
+
+- Fix `@vueuse/core` version to `11.0.3`
+
 ## 7.85.0
 
 ### Minor Changes
 
-- Improve typing when using `transform` or `pick` in RPC composables
+- Fix typing when using `transform`, `default` or `pick` in RPC composables
+
+NOTE: This update corrects some broken typings and as a result may require some code changes.
+Previously many composables asserted that the default value would match the response value even when relying on the fallback `default` factory function: `() => null`.
+Due to this, the `data` property would be typed as `Ref<T>` even when it would be `Ref<null>` in case of error on a still pending request.
+The types have now been corrected to respect the `default` factory function's return and accurately represent the behavior.
+This means that you may have to add additional null checks in your code for typechecking to pass.
+
+For example:
+
+**In 7.84.6**
+
+```ts
+useBrand({
+  params: { brandId: 1 },
+}).data satisfies Ref<Brand>
+
+useBrand({
+  params: { brandId: 1 },
+  options: {
+    pick: ['id', 'isActive'],
+  },
+}).data satisfies Ref<Brand>
+
+useBrand({
+  params: { brandId: 1 },
+  options: {
+    transform: (brand) => brand.slug,
+  },
+}).data satisfies Ref<Brand>
+
+useBrand({
+  params: { brandId: 1 },
+  options: {
+    default: () => 'Brand not found',
+  },
+}).data satisfies Ref<Brand>
+```
+
+**In 7.85.0**
+
+```ts
+useBrand({
+  params: { brandId: 1 },
+}).data satisfies Ref<Brand | null>
+
+useBrand({
+  params: { brandId: 1 },
+  options: {
+    pick: ['id', 'isActive'],
+  },
+}).data satisfies Ref<Pick<Brand, 'id' | 'isActive'> | null>
+
+useBrand({
+  params: { brandId: 1 },
+  options: {
+    transform: (brand) => brand.slug,
+  },
+}).data satisfies Ref<string | null>
+
+useBrand({
+  params: { brandId: 1 },
+  options: {
+    default: () => 'Brand not found',
+  },
+}).data satisfies Ref<Brand | string>
+```
+
+For more details on `useAsyncData` usage check out the [Nuxt Docs](https://nuxt.com/docs/api/composables/use-async-data)
 
 ### Patch Changes
 

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-nuxt",
-  "version": "7.85.0",
+  "version": "7.85.1",
   "configKey": "storefront",
   "compatibility": {
     "nuxt": "^3.9.0"

package/dist/module.mjs

@@ -66,7 +66,7 @@ export default {
 }`;
 }
 const PACKAGE_NAME = "@scayle/storefront-nuxt";
-const PACKAGE_VERSION = "7.85.0";
+const PACKAGE_VERSION = "7.85.1";
 const logger = createConsola({
   fancy: true,
   formatOptions: {

package/dist/runtime/composables/core/useIDP.mjs

@@ -23,7 +23,7 @@ export function useIDP(params = {}, key) {
     error,
     refresh,
     status,
-    // TODO: Deprecate the property here and remove it with the next major release
+    // TODO: [Next Major Release] Deprecate the property here and remove it with the next major release
     handleIDPLoginCallback
   });
 }

package/dist/runtime/composables/storefront/useBasket.mjs

@@ -27,7 +27,7 @@ export function useBasket({
   const removeItemFromBasketRpc = useRpcCall("removeItemFromBasket");
   const asyncData = useRpc("getBasket", key, params, {
     server: false,
-    // TODO: In some cases it might be ok to fetch on server
+    // NOTE: In some cases it might be ok to fetch on server
     watch: [toRef(params)],
     dedupe: "defer",
     getCachedData: (key2) => {

package/dist/runtime/composables/storefront/useWishlist.mjs

@@ -23,7 +23,7 @@ export function useWishlist({
     params,
     {
       server: false,
-      // TODO: In some cases it might be ok to fetch on server
+      // NOTE: In some cases it might be ok to fetch on server
       watch: [toRef(params)],
       dedupe: "defer",
       getCachedData: (key2) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "7.85.0",
+  "version": "7.85.1",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -62,7 +62,7 @@
     "@scayle/h3-session": "^0.4.0",
     "@scayle/storefront-core": "7.64.3",
     "@scayle/unstorage-compression-driver": "^0.1.3",
-    "@vueuse/core": "^11.0.0",
+    "@vueuse/core": "11.0.3",
     "consola": "^3.2.3",
     "core-js": "^3.37.1",
     "defu": "^6.1.4",
@@ -80,24 +80,24 @@
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@nuxt/eslint": "0.5.3",
+    "@nuxt/eslint": "0.5.4",
     "@nuxt/module-builder": "0.5.5",
     "@nuxt/schema": "3.12.4",
     "@nuxt/test-utils": "3.14.1",
     "@scayle/eslint-config-storefront": "4.3.0",
     "@scayle/eslint-plugin-vue-composable": "0.2.0",
-    "@types/node": "20.16.1",
+    "@types/node": "20.16.2",
     "dprint": "0.47.2",
     "eslint": "9.9.1",
     "eslint-formatter-gitlab": "5.1.0",
     "fishery": "2.2.2",
     "h3": "1.12.0",
     "node-mocks-http": "1.15.1",
-    "nuxi": "3.13.0",
+    "nuxi": "3.13.1",
     "nuxt": "3.12.4",
     "publint": "0.2.10",
     "vitest": "2.0.5",
-    "vue-tsc": "2.0.29"
+    "vue-tsc": "2.1.2"
   },
   "peerDependencies": {
     "h3": "^1.10.0",