@scayle/storefront-nuxt 8.57.2 → 8.58.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @scayle/storefront-nuxt
 
+## 8.58.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.
+
+### Patch Changes
+
+**Dependencies**
+
+**@scayle/storefront-core v8.58.0**
+
+- No changes in this release.
+
+## 8.57.3
+
+### Patch Changes
+
+- Updated dependency `@vercel/nft@1.1.1` to `@vercel/nft@1.2.0`
+
+**Dependencies**
+
+**@scayle/storefront-core v8.57.3**
+
+- No changes in this release.
+
 ## 8.57.2
 
 ### Patch Changes

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@scayle/storefront-nuxt",
-  "version": "8.57.2",
+  "version": "8.58.0",
   "configKey": "storefront",
   "compatibility": {
-    "nuxt": "^3.9.0"
+    "nuxt": ">=3.13"
   },
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -47,14 +47,14 @@ ${usesCompression ? genImport("@scayle/unstorage-compression-driver", "compressi
 
 
 export default {
-  ${usedDrivers.map((driver) => '"' + driver + '":' + genSafeVariableName(driver) + ",").join("\n")}
+  ${usedDrivers.map((driver) => `"${driver}":${genSafeVariableName(driver)},`).join("\n")}
 
   ${isScaleKvUsed ? "scayleKv," : ""}
   ${usesCompression ? "compression" : ""}
 }`;
 }
 const PACKAGE_NAME = "@scayle/storefront-nuxt";
-const PACKAGE_VERSION = "8.57.2";
+const PACKAGE_VERSION = "8.58.0";
 const logger = createConsola({
   fancy: true,
   formatOptions: {
@@ -69,9 +69,9 @@ const logger = createConsola({
   // This assertion avoids the typescript error
 });
 function createRpcMethodIndex(customRpcImports) {
-  return customRpcImports.map(({ source, names }) => genExport(source, names)).join(
+  return `${customRpcImports.map(({ source, names }) => genExport(source, names)).join(
     "\n"
-  ) + `
+  )}
 export {}`;
 }
 function createRpcMethodTypeDeclaration(customRpcImports) {
@@ -231,7 +231,7 @@ const module$1 = defineNuxtModule({
     version: PACKAGE_VERSION,
     configKey: "storefront",
     compatibility: {
-      nuxt: "^3.9.0"
+      nuxt: ">=3.13"
     }
   },
   // Default configuration options of the Nuxt module

package/dist/runtime/JSONReporter.js

@@ -16,8 +16,11 @@ ${indent}`);
     const stack = "stack" in err && err.stack && typeof err.stack === "string" ? this.formatStack(err.stack, message, opts) : "";
     const level = opts?.errorLevel || 0;
     const causedPrefix = level > 0 ? `${"  ".repeat(level)}[cause]: ` : "";
-    const causedError = "cause" in err && err.cause ? "\n\n" + this.formatError(err.cause, { ...opts, errorLevel: level + 1 }) : "";
-    return causedPrefix + message + "\n" + stack + causedError;
+    const causedError = "cause" in err && err.cause ? `
+
+${this.formatError(err.cause, { ...opts, errorLevel: level + 1 })}` : "";
+    return `${causedPrefix + message}
+${stack}${causedError}`;
   }
   formatArgs(args, opts) {
     const _args = args.map((arg) => {
@@ -50,6 +53,7 @@ ${indent}`);
       compact: true
     });
     const stream = logObj.level < 2 ? ctx.options.stderr || process.stderr : ctx.options.stdout || process.stdout;
-    return stream.write(line + "\n");
+    return stream.write(`${line}
+`);
   }
 }

package/dist/runtime/api/cacheAuth.d.ts

@@ -1,16 +1,4 @@
 import type { EventHandler } from 'h3';
-/**
- * Wraps an event handler with cache authentication.
- *
- * It takes an event handler and returns a new handler that is protected by
- * basic authentication if cache authentication is configured in the runtime config (`cache.auth`).
- * If cache authentication is not configured, the original handler is returned.
- *
- * @param handler The event handler to wrap.
- *
- * @returns The wrapped event handler.
- */
-export declare const eventHandlerWithCacheAuth: (handler: EventHandler) => EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
 /**
  * Wraps an event handler with basic authentication.
  *
@@ -25,3 +13,15 @@ export declare const eventHandlerWithCacheAuth: (handler: EventHandler) => Event
  * @returns The wrapped and awaited event handler, else an authentication failure response is returned.
  */
 export declare const eventHandlerWithBasicAuth: (handler: EventHandler, auth: string) => EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+/**
+ * Wraps an event handler with cache authentication.
+ *
+ * It takes an event handler and returns a new handler that is protected by
+ * basic authentication if cache authentication is configured in the runtime config (`cache.auth`).
+ * If cache authentication is not configured, the original handler is returned.
+ *
+ * @param handler The event handler to wrap.
+ *
+ * @returns The wrapped event handler.
+ */
+export declare const eventHandlerWithCacheAuth: (handler: EventHandler) => EventHandler<import("h3").EventHandlerRequest, Promise<any>>;

package/dist/runtime/api/cacheAuth.js

@@ -7,17 +7,6 @@ import {
 } from "h3";
 import { HttpStatusCode } from "@scayle/storefront-core";
 import { useRuntimeConfig } from "#imports";
-export const eventHandlerWithCacheAuth = (handler) => defineEventHandler(async (event) => {
-  const config = useRuntimeConfig();
-  const auth = config.storefront.cache?.auth;
-  if (!auth || !auth.username || !auth.password) {
-    return await handler(event);
-  }
-  return await eventHandlerWithBasicAuth(
-    handler,
-    `${auth.username}:${auth.password}`
-  )(event);
-});
 const authenticationFailed = (event) => {
   setResponseHeader(
     event,
@@ -39,3 +28,14 @@ export const eventHandlerWithBasicAuth = (handler, auth) => defineEventHandler(a
   }
   return await handler(event);
 });
+export const eventHandlerWithCacheAuth = (handler) => defineEventHandler(async (event) => {
+  const config = useRuntimeConfig();
+  const auth = config.storefront.cache?.auth;
+  if (!auth || !auth.username || !auth.password) {
+    return await handler(event);
+  }
+  return await eventHandlerWithBasicAuth(
+    handler,
+    `${auth.username}:${auth.password}`
+  )(event);
+});

package/dist/runtime/composables/core/useFormatHelpers.d.ts

@@ -39,7 +39,7 @@ type FormatCurrencyOptions = {
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
  */
-type FormatPercentageOptions = {
+interface FormatPercentageOptions {
     /**
      * The locale to use for formatting.
      */
@@ -56,7 +56,7 @@ type FormatPercentageOptions = {
      * How to display the sign for the percentage.
      */
     signDisplay?: Intl.NumberFormatOptions['signDisplay'];
-};
+}
 /**
  * Provides currency and percentage formatting helpers.
  *

package/dist/runtime/composables/core/useIDP.d.ts

@@ -1,6 +1,6 @@
 import type { MaybeRefOrGetter } from 'vue';
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcReturn, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcReturn, UseRpcCacheKey } from '../core/useRpc.js';
 /**
  * The shape of the data returned by the `getExternalIdpRedirect` RPC call.
  */
@@ -14,9 +14,8 @@ type UseIDPBaseReturn = Pick<Awaited<UseRpcReturn<'getExternalIdpRedirect'>>, 'd
  *
  * @param params The parameters for the `getExternalIdpRedirect` RPC call.
  * @param key A unique key for the RPC call. Used for caching and invalidation. Defaults to 'useIDP'.
-
  * @returns An object containing the `data` returned from, any `error` encountered within,
-            the current `status` and a function to manually `refresh` the RPC call.
+ *          the current `status` and a function to manually `refresh` the RPC call.
  *          It also acts as a promise that resolves to the same object.
  */
 export declare function useIDP(params?: MaybeRefOrGetter<RpcMethodParameters<'getExternalIdpRedirect'>>, key?: UseRpcCacheKey): UseIDPBaseReturn & Promise<UseIDPBaseReturn>;

package/dist/runtime/composables/core/useRpc.js

@@ -37,7 +37,7 @@ export function useRpc(method, key, params, options) {
           },
           baseURL: apiBasePath,
           headers: {
-            "x-shop-id": currentShop.value?.shopId + ""
+            "x-shop-id": `${currentShop.value?.shopId}`
           }
         })
       );

package/dist/runtime/composables/core/useUser.d.ts

@@ -1,17 +1,17 @@
 import type { ShopUser, UpdatePasswordParams } from '@scayle/storefront-core';
-import { type UseRpcReturn, type UseRpcCacheKey } from './useRpc.js';
+import type { UseRpcReturn, UseRpcCacheKey } from './useRpc.js';
 import type { ComputedRef } from 'vue';
 /**
  * Extended parameters for the `useUser` composable.
  */
-export type ExtendedUseUserParams = {
+export interface ExtendedUseUserParams {
     /** The key used for caching the user data. Defaults to 'useUser'. */
     key?: UseRpcCacheKey;
     /** Whether to fetch the user data immediately. Defaults to `true`. */
     immediate?: boolean;
     /** Whether to enable lazy loading of user data. Defaults to `false`. */
     lazy?: boolean;
-};
+}
 type UseUserBaseReturn = Pick<Awaited<UseRpcReturn<'getUser'>>, 'error' | 'status' | 'refresh'> & {
     updateUser: (payload: Partial<ShopUser>) => Promise<void>;
     updatePassword: (payload: UpdatePasswordParams) => Promise<void>;

package/dist/runtime/composables/storefront/useBasket.d.ts

@@ -1,6 +1,6 @@
 import type { AddOrUpdateItemType, RpcMethodParameters, BasketResponseData, BasketItem, Product, BasketTotalPrice, BasketItemUpdateData } from '@scayle/storefront-core';
 import { ExistingItemHandling, generateBasketKey } from '@scayle/storefront-core';
-import { type NormalizedRpcResponse, type UseRpcReturn, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { NormalizedRpcResponse, UseRpcReturn, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter, ComputedRef, Ref } from 'vue';
 import type { BasketKey, BasketPackageInformation } from '@scayle/storefront-api';
 /**

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

@@ -6,9 +6,7 @@ import {
   wasAddedWithReducedQuantity
 } from "@scayle/storefront-core";
 import { extendPromise } from "../../utils/promise.js";
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 import { useRpcCall } from "../core/useRpcCall.js";
 import { toValue, computed } from "vue";
 import { FetchError } from "ofetch";
@@ -48,6 +46,23 @@ export function useBasket({
     refresh,
     status
   } = asyncData;
+  const handleBasketError = (basketErrors) => {
+    if (wasAddedWithReducedQuantity(basketErrors)) {
+      throw new Error("Item was added with reduced quantity", {
+        cause: AddToBasketFailureKind.ITEM_ADDED_WITH_REDUCED_QUANTITY
+      });
+    }
+  };
+  const handleFetchError = (error2) => {
+    if (error2 instanceof FetchError && isAddOrUpdateItemError(
+      error2.data.errors?.[0]
+    ) && error2.data.errors?.[0].operation !== "delete") {
+      throw new Error(error2.message, {
+        cause: error2.data.errors?.[0].kind
+      });
+    }
+    throw error2;
+  };
   const addItem = async ({
     variantId,
     promotionId,
@@ -89,23 +104,6 @@ export function useBasket({
       handleFetchError(error2);
     }
   };
-  const handleBasketError = (basketErrors) => {
-    if (wasAddedWithReducedQuantity(basketErrors)) {
-      throw new Error("Item was added with reduced quantity", {
-        cause: AddToBasketFailureKind.ITEM_ADDED_WITH_REDUCED_QUANTITY
-      });
-    }
-  };
-  const handleFetchError = (error2) => {
-    if (error2 instanceof FetchError && isAddOrUpdateItemError(
-      error2.data.errors?.[0]
-    ) && error2.data.errors?.[0].operation !== "delete") {
-      throw new Error(error2.message, {
-        cause: error2.data.errors?.[0].kind
-      });
-    }
-    throw error2;
-  };
   function isAddOrUpdateItemError(error2) {
     return typeof error2 === "object" && error2 !== null && "operation" in error2 && "kind" in error2;
   }

package/dist/runtime/composables/storefront/useBrand.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves brand data using the `getBrandById` RPC method.

package/dist/runtime/composables/storefront/useBrand.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useBrand({
   params,
   options

package/dist/runtime/composables/storefront/useBrands.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves multiple brands data using the 'getBrands' RPC method.

package/dist/runtime/composables/storefront/useBrands.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useBrands({
   params,
   options

package/dist/runtime/composables/storefront/useCampaign.d.ts

@@ -1,4 +1,4 @@
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 /**
  * Retrieves the first active campaign.
  *

package/dist/runtime/composables/storefront/useCampaign.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useCampaign({
   options
 } = {}, key = "useCampaign") {

package/dist/runtime/composables/storefront/useCategories.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters, RpcMethodReturnType } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 type UseCategoriesBaseReturn<DataT, PickKeys extends KeysOf<DataT>, DefaultT> = Pick<Awaited<UseRpcReturn<'getCategoriesByPath', DataT, PickKeys, DefaultT>>, 'data' | 'error' | 'status' | 'refresh'> & {
     getCategoryById: (id: number, includeHidden?: true) => RpcMethodReturnType<'getCategoryById'>;
@@ -26,7 +26,7 @@ type UseCategoriesBaseReturn<DataT, PickKeys extends KeysOf<DataT>, DefaultT> =
  * @param input An object containing parameters and options for the `getCategoriesByPath` RPC call.
  * @param input.params The parameters for the `getCategoriesByPath` RPC method.
  * @param input.options The options for the underlying `useRpc` call, controlling data handling and loading state.
- * @param keyA A unique key for caching and state management within `useRpc`.
+ * @param key A unique key for caching and state management within `useRpc`.
  *
  * @returns A promise that resolves to an object containing the category data,
  *          error and status information, a refresh function, and a `getCategoryById`

package/dist/runtime/composables/storefront/useCategories.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 import { extendPromise } from "../../utils/promise.js";
 import { useRpcCall } from "../core/useRpcCall.js";
 export function useCategories({

package/dist/runtime/composables/storefront/useCategoryById.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data for a single category by its ID using the `getCategoryById` RPC method.

package/dist/runtime/composables/storefront/useCategoryById.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useCategoryById({
   params,
   options

package/dist/runtime/composables/storefront/useCategoryByPath.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data for a single category by its path using the `getCategoryByPath` RPC method.

package/dist/runtime/composables/storefront/useCategoryByPath.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useCategoryByPath({
   params,
   options

package/dist/runtime/composables/storefront/useCategoryTree.d.ts

@@ -1,5 +1,5 @@
 import type { MaybeRefOrGetter } from 'vue';
-import { type KeysOf, type NormalizedRpcResponse, type UseRpcOptions, type UseRpcReturn, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, NormalizedRpcResponse, UseRpcOptions, UseRpcReturn, UseRpcCacheKey } from '../core/useRpc.js';
 import type { RpcMethodParameters } from '@scayle/storefront-core';
 type UseCategoriesBaseReturn<DataT, PickKeys extends KeysOf<DataT>, DefaultT> = Awaited<UseRpcReturn<'getCategoryTree', DataT, PickKeys, DefaultT>> & Promise<Awaited<UseRpcReturn<'getCategoryTree', DataT, PickKeys, DefaultT>>>;
 export declare function useCategoryTree<DataT = NormalizedRpcResponse<'getCategoryTree'>, PickKeys extends KeysOf<DataT> = KeysOf<DataT>, DefaultT = null>({ params, options, }?: Partial<{

package/dist/runtime/composables/storefront/useCategoryTree.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useCategoryTree({
   params,
   options

package/dist/runtime/composables/storefront/useCurrentPromotions.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data of the current active promotion data using the `getCurrentPromotions` RPC method.

package/dist/runtime/composables/storefront/useCurrentPromotions.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useCurrentPromotions({
   params,
   options

package/dist/runtime/composables/storefront/useFilters.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves filter data using the `getFilters` RPC method.

package/dist/runtime/composables/storefront/useFilters.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useFilters({
   params,
   options

package/dist/runtime/composables/storefront/useNavigationTree.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data of a single navigation tree using the `fetchNavigationTreeById` RPC method.

package/dist/runtime/composables/storefront/useNavigationTree.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useNavigationTreeById({
   params,
   options

package/dist/runtime/composables/storefront/useNavigationTrees.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcReturn, type UseRpcOptions, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcReturn, UseRpcOptions, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data of all navigation trees using the `fetchAllNavigationTrees` RPC method.

package/dist/runtime/composables/storefront/useNavigationTrees.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useNavigationTrees({
   params = {},
   options

package/dist/runtime/composables/storefront/useOrder.d.ts

@@ -1,6 +1,6 @@
 import type { RpcMethodParameters, Order } from '@scayle/storefront-core';
 import type { AsyncDataOptions } from 'nuxt/app';
-import { type KeysOf, type ExtendedAsyncData, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, ExtendedAsyncData, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves order data by ID using the `getOrderById` RPC method.

package/dist/runtime/composables/storefront/useOrder.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useOrder({
   params,
   options

package/dist/runtime/composables/storefront/useOrderConfirmation.d.ts

@@ -1,6 +1,6 @@
 import type { RpcMethodParameters, Order } from '@scayle/storefront-core';
 import type { AsyncDataOptions } from 'nuxt/app';
-import { type ExtendedAsyncData, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { ExtendedAsyncData, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves order data by ID using the `getOrderDataByCbd RPC method.

package/dist/runtime/composables/storefront/useOrderConfirmation.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useOrderConfirmation({
   params,
   options

package/dist/runtime/composables/storefront/useProduct.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data for a single product by its ID using the `getProductById` RPC method.

package/dist/runtime/composables/storefront/useProduct.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useProduct({
   params,
   options

package/dist/runtime/composables/storefront/useProducts.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves product data by its category using the `getProductById` RPC method.

package/dist/runtime/composables/storefront/useProducts.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useProducts({
   params,
   options

package/dist/runtime/composables/storefront/useProductsByIds.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data of multiple products by their ID using the `getProductsByIds` RPC method.

package/dist/runtime/composables/storefront/useProductsByIds.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useProductsByIds({
   params,
   options

package/dist/runtime/composables/storefront/useProductsByReferenceKeys.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data of multiple products by their reference keys using the `getProductsByReferenceKeys` RPC method.

package/dist/runtime/composables/storefront/useProductsByReferenceKeys.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useProductsByReferenceKeys({
   params,
   options

package/dist/runtime/composables/storefront/useProductsCount.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves product count of a category by its ID using the `getProductsCount` RPC method.
@@ -7,7 +7,7 @@ import type { MaybeRefOrGetter } from 'vue';
  * This function acts as a wrapper around the `useRpc` composable,
  * simplifying the process of fetching data. It internally calls `useRpc`
  * with the provided parameters and options.
- * *
+ *
  * @template DataT The type of the normalized RPC response data. Defaults to `NormalizedRpcResponse<'getProductsCount'>`.
  * @template PickKeys The keys to pick from the data. Defaults to all keys of `DataT`.
  * @template DefaultT The default value to use if data is not available. Defaults to `null`.

package/dist/runtime/composables/storefront/useProductsCount.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useProductsCount({
   params,
   options

package/dist/runtime/composables/storefront/usePromotions.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data for all available promotion using the `getPromotions` RPC method.

package/dist/runtime/composables/storefront/usePromotions.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function usePromotions({
   params,
   options

package/dist/runtime/composables/storefront/usePromotionsByIds.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data for multiple  promotions by their IDs using the `getPromotionsByIds` RPC method.

package/dist/runtime/composables/storefront/usePromotionsByIds.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function usePromotionsByIds({
   params,
   options

package/dist/runtime/composables/storefront/useShopConfiguration.d.ts

@@ -1,10 +1,10 @@
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 /**
  * Retrieves data about the current shop by its shopID using the `getShopConfiguration` RPC method.
  *
  * This function acts as a wrapper around the `useRpc` composable,
  * simplifying the process of fetching data. It internally calls `useRpc`
- * with the provided parameters and options.
+ * with the provided options.
  *
  * @see https://scayle.dev/en/api-guides/storefront-api/resources/shop-configuration/get-a-shop-configuration
  *
@@ -12,9 +12,8 @@ import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type
  * @template PickKeys The keys to pick from the data. Defaults to all keys of `DataT`.
  * @template DefaultT The default value to use if data is not available. Defaults to `null`.
  *
- * @param params An object containing parameters and options for the `getShopConfiguration` RPC call.
- * @param params.params The parameters for the `getShopConfiguration` RPC method.
- * @param params.options The options for the underlying `useRpc` call, controlling data handling and loading state.
+ * @param options An object containing options for the underlying `useRpc` call.
+ * @param options.options The options for the underlying `useRpc` call, controlling data handling and loading state.
  * @param key A unique key for this RPC call. Used internally by `useRpc` for caching and state management.
  *
  * @returns The result of the `useRpc` call, which includes the fetched data,

package/dist/runtime/composables/storefront/useShopConfiguration.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useShopConfiguration({
   options
 } = {}, key = "useShopConfiguration") {

package/dist/runtime/composables/storefront/useStorefrontSearch.d.ts

@@ -16,8 +16,10 @@ export type SearchOptions = Partial<{
  *
  * @deprecated `useStorefrontSearch` is deprecated. Consider using `useSearch` of `@scayle/storefront-search` instead.
  *
- * @param option - An object containing options for the search request.
- * @param option.with - An object describing which data the returned suggestions/results should contain.
+ * @param searchQuery A reactive reference to the search query string.
+ * @param options An object containing options for the search request.
+ * @param options.params Parameters for the search request.
+ * @param key A unique key for this search instance. Used internally for state management.
  *
  * @returns An object containing reactive data and computed properties for managing search results and suggestions.
  */

package/dist/runtime/composables/storefront/useUserAddresses.d.ts

@@ -1,20 +1,19 @@
-import { type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type KeysOf, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, KeysOf, UseRpcCacheKey } from '../core/useRpc.js';
 /**
- * Retrieves address data for a logged-in user using the `getCategoryById` RPC method.
+ * Retrieves address data for a logged-in user using the `getShopUserAddresses` RPC method.
  *
  * This function acts as a wrapper around the `useRpc` composable,
  * simplifying the process of fetching data. It internally calls `useRpc`
- * with the provided parameters and options.
+ * with the provided options.
  *
  * @see https://scayle.dev/en/api-guides/customer-account-api/resources/customer/address/list-addresses
  *
- * @template DataT The type of the normalized RPC response data. Defaults to `NormalizedRpcResponse<'getCategoryById'>`.
+ * @template DataT The type of the normalized RPC response data. Defaults to `NormalizedRpcResponse<'getShopUserAddresses'>`.
  * @template PickKeys The keys to pick from the data. Defaults to all keys of `DataT`.
  * @template DefaultT The default value to use if data is not available. Defaults to `null`.
  *
- * @param params An object containing parameters and options for the `getCategoryById` RPC call.
- * @param params.params The parameters for the `getCategoryById` RPC method.
- * @param params.options The options for the underlying `useRpc` call, controlling data handling and loading state.
+ * @param options An object containing options for the underlying `useRpc` call.
+ * @param options.options The options for the underlying `useRpc` call, controlling data handling and loading state.
  * @param key A unique key for this RPC call. Used internally by `useRpc` for caching and state management.
  *
  * @returns The result of the `useRpc` call, which includes the fetched data,

package/dist/runtime/composables/storefront/useUserAddresses.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useUserAddresses({
   options
 } = {}, key = "useUserAddresses") {

package/dist/runtime/composables/storefront/useVariant.d.ts

@@ -1,5 +1,5 @@
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-import { type KeysOf, type UseRpcOptions, type UseRpcReturn, type NormalizedRpcResponse, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { KeysOf, UseRpcOptions, UseRpcReturn, NormalizedRpcResponse, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter } from 'vue';
 /**
  * Retrieves data for a single or multiple product variant by its ID using the `getVariantById` RPC method.

package/dist/runtime/composables/storefront/useVariant.js

@@ -1,6 +1,4 @@
-import {
-  useRpc
-} from "../core/useRpc.js";
+import { useRpc } from "../core/useRpc.js";
 export function useVariant({
   params,
   options

package/dist/runtime/composables/storefront/useWishlist.d.ts

@@ -1,5 +1,5 @@
 import type { Product, WishlistItem, RpcMethodParameters } from '@scayle/storefront-core';
-import { type UseRpcReturn, type UseRpcCacheKey } from '../core/useRpc.js';
+import type { UseRpcReturn, UseRpcCacheKey } from '../core/useRpc.js';
 import type { MaybeRefOrGetter, ComputedRef } from 'vue';
 /**
  * Representation of options for configuring the `useWishlist` composable.
@@ -59,9 +59,8 @@ type UseWishlistBaseReturn = Awaited<UseRpcReturn<'getWishlist'>> & {
  * @see https://scayle.dev/en/api-guides/storefront-api/resources/wishlists/get-a-wishlist
  * @see https://scayle.dev/en/core-documentation/storefront-guide/storefront-application/technical-foundation/data-and-state#shared-state-and-caching
  *
- * @param params An object containing parameters and options for all wishlist-related RPC calls.
+ * @param params An object containing parameters for wishlist-related RPC calls.
  * @param params.params The parameters for the `useWishlist` RPC method.
- * @param params.options The options for the underlying `useRpc` call, controlling data handling and loading state.
  * @param key A unique key for this RPC call. Used internally by `useRpc` for caching and state management.
  *
  * @returns A promise that resolves to an object containing wishlist data, methods, and reactive properties.

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

@@ -36,6 +36,14 @@ export function useWishlist({
       with: toValue(params)
     });
   };
+  const findItem = (item) => {
+    return data.value?.items?.find((entry) => {
+      if ("variantId" in item) {
+        return entry.variant?.id === item.variantId;
+      }
+      return entry.product?.id === item.productId;
+    });
+  };
   const removeItem = async (item) => {
     const element = findItem(item);
     if (!element) {
@@ -67,14 +75,6 @@ export function useWishlist({
   const clear = async () => {
     data.value = await clearWishlistRpc();
   };
-  const findItem = (item) => {
-    return data.value?.items?.find((entry) => {
-      if ("variantId" in item) {
-        return entry.variant?.id === item.variantId;
-      }
-      return entry.product?.id === item.productId;
-    });
-  };
   const contains = (item) => {
     return findItem(item) !== void 0;
   };

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

@@ -1,9 +1,9 @@
 import type { ComputedRef, MaybeRefOrGetter } from 'vue';
 import type { AppliedReduction, BasketItem, CentAmount, OrderItem, Price } from '@scayle/storefront-core';
-type RelativeReductions = {
+interface RelativeReductions {
     value: number;
     category: 'promotion' | 'sale' | 'campaign' | 'voucher';
-};
+}
 export type BasketItemPrice = BasketItem['price']['total'];
 export type OrderPrice = OrderItem['price'];
 export interface UseProductPriceReturn {

package/dist/runtime/nitro/plugins/nitroStorageConfig.js

@@ -35,7 +35,7 @@ export default defineNitroPlugin(async () => {
       `${STORAGE_MOUNT_CACHE} storage mount not provided. Falling back to memory driver.`
     );
   }
-  const mountShopStorage = async (shopId, mount) => {
+  const mountShopStorage = async (_shopId, mount) => {
     try {
       if (!availableMounts.includes(mount)) {
         await mountStorage(storage, mount);

package/dist/runtime/server/middleware/bootstrap-utils.d.ts

@@ -5,12 +5,12 @@ import type { StorefrontRuntimeConfigType } from '../../utils/zodSchema.js';
 /**
  * Represents the bootstrapped path information.
  */
-type BootstrapPath = {
+interface BootstrapPath {
     /** The bootstrapped path. */
     path: string;
     /** The original request path. */
     originalPath: string;
-};
+}
 /**
  * Gets the bootstrap path from the URL.
  *

package/dist/runtime/server/middleware/bootstrap.js

@@ -168,7 +168,7 @@ export default defineEventHandler(async (event) => {
     config.app.baseURL
   );
   if (!event.context.$rpcContext) {
-    event.context.$log.debug("Bootstrapping request: " + path);
+    event.context.$log.debug(`Bootstrapping request: ${path}`);
     await tracer.startActiveSpan(
       `storefront-nuxt.middleware/bootstrap`,
       {

package/dist/runtime/utils/zodSchema.d.ts

@@ -1,5 +1,5 @@
 import * as z from 'zod/mini';
-import { type LogLevel, type WithParams } from '@scayle/storefront-core';
+import type { LogLevel, WithParams } from '@scayle/storefront-core';
 export declare const RedirectsSchema: z.ZodMiniObject<{
     enabled: z.ZodMiniBoolean<boolean>;
     queryParamWhitelist: z.ZodMiniOptional<z.ZodMiniArray<z.ZodMiniString<string>>>;

package/dist/runtime/utils/zodSchema.js

@@ -1,7 +1,5 @@
 import * as z from "zod/mini";
-import {
-  rpcMethods
-} from "@scayle/storefront-core";
+import { rpcMethods } from "@scayle/storefront-core";
 import { builtinDrivers } from "unstorage";
 export const RedirectsSchema = z.object({
   enabled: z.boolean(),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "8.57.2",
+  "version": "8.58.0",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -62,18 +62,18 @@
     "node": ">= 20.7.0"
   },
   "peerDependencies": {
-    "@nuxt/kit": ">=3.12.2",
+    "@nuxt/kit": ">=3.13.0 || >=4.2.0",
     "@scayle/storefront-api": "^18.1.0",
     "fishery": "^2.2.2",
     "h3": "^1.10.0",
     "nitropack": "^2.9.7",
-    "nuxt": ">=3.10.0",
+    "nuxt": ">=3.10.0 || >=4.2.2",
     "unstorage": "^1.10.1",
     "vue": "^3.4.0"
   },
   "dependencies": {
     "@opentelemetry/api": "^1.9.0",
-    "@vercel/nft": "1.1.1",
+    "@vercel/nft": "1.2.0",
     "@vueuse/core": "14.1.0",
     "consola": "^3.4.2",
     "core-js": "^3.37.1",
@@ -90,7 +90,7 @@
     "vue-router": "^4.4.0",
     "zod": "^4.0.0",
     "@scayle/h3-session": "0.6.3",
-    "@scayle/storefront-core": "8.57.2",
+    "@scayle/storefront-core": "8.58.0",
     "@scayle/unstorage-compression-driver": "1.2.5"
   },
   "devDependencies": {
@@ -100,10 +100,10 @@
     "@nuxt/kit": "3.20.0",
     "@nuxt/module-builder": "1.0.2",
     "@nuxt/schema": "3.20.0",
-    "@nuxt/test-utils": "3.21.0",
-    "@types/node": "22.19.3",
+    "@nuxt/test-utils": "3.23.0",
+    "@types/node": "22.19.5",
     "@vitest/coverage-v8": "4.0.16",
-    "dprint": "0.50.2",
+    "dprint": "0.51.1",
     "eslint-formatter-gitlab": "7.0.1",
     "eslint": "9.39.2",
     "fishery": "2.4.0",
@@ -116,11 +116,11 @@
     "typescript": "5.9.3",
     "unbuild": "3.6.1",
     "vitest": "4.0.16",
-    "vue-tsc": "3.1.8",
-    "happy-dom": "20.0.11",
-    "@scayle/eslint-config-storefront": "4.7.18",
-    "@scayle/eslint-plugin-vue-composable": "0.2.3",
+    "vue-tsc": "3.2.2",
+    "happy-dom": "20.1.0",
+    "@scayle/eslint-config-storefront": "4.7.20",
     "@scayle/vitest-config-storefront": "1.0.0",
+    "@scayle/eslint-plugin-vue-composable": "0.2.3",
     "@scayle/unstorage-scayle-kv-driver": "2.0.10"
   },
   "scripts": {