@storyblok/nuxt 8.2.4 → 9.0.1

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "@storyblok/nuxt",
   "configKey": "storyblok",
-  "version": "8.2.4",
+  "version": "9.0.1",
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"
   }
 }

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addPlugin, addImports } from '@nuxt/kit';
 
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
     name: "@storyblok/nuxt",
     configKey: "storyblok"
@@ -68,11 +68,13 @@ const module = defineNuxtModule({
     for (const name of names) {
       addImports({ name, as: name, from: "@storyblok/vue" });
     }
-    addImports({
-      name: "useAsyncStoryblok",
-      as: "useAsyncStoryblok",
-      from: resolver.resolve("runtime/composables/useAsyncStoryblok")
-    });
+    if (!nuxt.options.imports.scan) {
+      addImports({
+        name: "useAsyncStoryblok",
+        as: "useAsyncStoryblok",
+        from: resolver.resolve("runtime/composables/useAsyncStoryblok")
+      });
+    }
     nuxt.options.typescript.hoist.push("@storyblok/vue");
     if (options.devtools) {
       nuxt.hook("devtools:customTabs", (iframeTabs) => {
@@ -90,4 +92,4 @@ const module = defineNuxtModule({
   }
 });
 
-export { module as default };
+export { module$1 as default };

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

@@ -1,7 +1,6 @@
 import { type ISbResult, type ISbStoriesParams, type StoryblokBridgeConfigV2 } from '@storyblok/vue';
 import { type ComputedRef, type Ref } from 'vue';
 import type { AsyncDataOptions, NuxtError } from '#app';
-import type { DedupeOption } from 'nuxt/app/defaults';
 /**
  * Options for the useAsyncStoryblok composable.
  * Extends Nuxt's AsyncDataOptions with Storyblok-specific configuration.
@@ -13,14 +12,15 @@ export interface UseAsyncStoryblokOptions extends AsyncDataOptions<ISbResult> {
     bridge: StoryblokBridgeConfigV2;
 }
 interface AsyncDataExecuteOptions {
-    dedupe?: DedupeOption;
-    cause?: 'initial' | 'refresh:hook' | 'refresh:manual' | 'watch';
+    dedupe?: 'cancel' | 'defer';
 }
 export interface UseAsyncStoryblokResult {
     story: ComputedRef<ISbResult['data']['story']>;
-    data: Ref<ISbResult>;
+    /** In Nuxt 3: null when not loaded. In Nuxt 4: undefined when not loaded. */
+    data: Ref<ISbResult | null | undefined>;
     pending: Ref<boolean>;
-    error: Ref<NuxtError<unknown> | null>;
+    /** In Nuxt 3: null when no error. In Nuxt 4: undefined when no error. */
+    error: Ref<NuxtError<unknown> | null | undefined>;
     refresh: (opts?: AsyncDataExecuteOptions) => Promise<void>;
     execute: (opts?: AsyncDataExecuteOptions) => Promise<void>;
     clear: () => void;

package/dist/runtime/composables/useAsyncStoryblok.js

@@ -11,19 +11,42 @@ const stableStringify = (obj) => {
 };
 export async function useAsyncStoryblok(url, options) {
   const storyblokApiInstance = useStoryblokApi();
-  const { api, bridge, ...rest } = options;
+  const { api, bridge = {}, ...rest } = options;
   const uniqueKey = `${stableStringify(api)}${url}`;
+  const bridgeOptions = {
+    ...bridge,
+    resolveRelations: bridge.resolveRelations ?? api.resolve_relations,
+    resolveLinks: bridge.resolveLinks ?? api.resolve_links
+  };
   const result = await useAsyncData(uniqueKey, () => storyblokApiInstance.get(`cdn/stories/${url}`, api), rest);
   if (import.meta.client) {
-    watch(result.data, (newData) => {
-      if (newData?.data.story && newData.data.story.id) {
-        useStoryblokBridge(newData.data.story.id, (evStory) => {
-          newData.data.story = evStory;
-        }, bridge);
-      }
-    }, {
-      immediate: true
-    });
+    const registerBridge = (storyId) => {
+      useStoryblokBridge(storyId, (evStory) => {
+        if (result.data.value) {
+          result.data.value = {
+            ...result.data.value,
+            data: {
+              ...result.data.value.data,
+              story: evStory
+            }
+          };
+        }
+      }, bridgeOptions);
+    };
+    const id = result.data.value?.data?.story?.id;
+    if (id) {
+      registerBridge(id);
+    } else {
+      const stopWatch = watch(
+        () => result.data.value?.data?.story?.id,
+        (storyId) => {
+          if (storyId) {
+            stopWatch();
+            registerBridge(storyId);
+          }
+        }
+      );
+    }
   }
   return {
     data: result.data,
@@ -35,4 +58,3 @@ export async function useAsyncStoryblok(url, options) {
     story: computed(() => result.data.value?.data.story)
   };
 }
-;

package/dist/runtime/plugin.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/types.d.mts

@@ -1,7 +1,9 @@
 import type { NuxtModule } from '@nuxt/schema'
 
-import type { default as Module } from './module.js'
+import type { default as Module } from './module.mjs'
 
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
-export { default } from './module.js'
+export { default } from './module.mjs'
+
+export { type AllModuleOptions, type PublicModuleOptions } from './module.mjs'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@storyblok/nuxt",
   "type": "module",
-  "version": "8.2.4",
+  "version": "9.0.1",
   "description": "Storyblok Nuxt module",
   "homepage": "https://github.com/storyblok/monoblok/tree/main/packages/nuxt#readme",
   "repository": {
@@ -14,35 +14,35 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
     }
   },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
+  "main": "./dist/module.mjs",
   "files": [
     "dist"
   ],
+  "peerDependencies": {
+    "nuxt": "^3.15.0 || ^4.0.0"
+  },
   "dependencies": {
-    "@storyblok/vue": "9.4.4"
+    "@storyblok/vue": "9.4.5"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^6.0.3",
-    "@nuxt/eslint": "^1.0.0",
-    "@nuxt/eslint-config": "^1.0.0",
-    "@nuxt/kit": "^3.15.4",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.4",
-    "@nuxt/test-utils": "^3.15.4",
-    "@nuxtjs/eslint-config-typescript": "^12.1.0",
+    "@nuxt/eslint": "^1.2.0",
+    "@nuxt/eslint-config": "^1.2.0",
+    "@nuxt/kit": "^4.2.2",
+    "@nuxt/module-builder": "^1.0.0",
+    "@nuxt/schema": "^4.2.2",
+    "@nuxt/test-utils": "^3.23.0",
     "@types/node": "^22.15.18",
     "cypress": "^14.3.3",
     "eslint": "^9.26.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-cypress": "^4.3.0",
     "eslint-plugin-vue": "^9.32.0",
-    "nuxt": "^3.15.4",
+    "nuxt": "^4.2.2",
     "prettier": "^3.4.2",
     "start-server-and-test": "^2.0.11",
     "@storyblok/eslint-config": "0.4.1"
@@ -67,17 +67,17 @@
   "scripts": {
     "build": "nuxt-module-build prepare && nuxt-module-build build",
     "test:types": "tsc --noEmit --skipLibCheck",
-    "dev": "nuxi dev playground",
+    "dev": "nuxi dev playground --port 3000",
     "dev:build": "nuxi build playground",
     "dev:preview": "nuxi preview playground --port 3100",
-    "dev:e2e": "nuxi dev playground-e2e --port 3100",
+    "dev:e2e": "nuxi dev playground --port 3100",
     "prepare:playground": "nuxi prepare playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "cy:open": "cypress open",
     "cy:run": "cypress run",
     "test:e2e": "start-server-and-test dev:e2e http://localhost:3100 cy:run",
     "test:e2e-watch": "start-server-and-test dev:e2e http://localhost:3100 cy:open",
-    "pretest:e2e-static": "nuxi generate playground-e2e",
+    "pretest:e2e-static": "nuxi generate playground",
     "test:e2e-static": "start-server-and-test dev:preview http://localhost:3100 cy:run",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,19 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface PublicModuleOptions {
-    enableSudoMode: boolean;
-    usePlugin: boolean;
-    bridge: boolean;
-    devtools: boolean;
-    apiOptions: any;
-    componentsDir: string;
-    enableServerClient: boolean;
-}
-interface AllModuleOptions extends PublicModuleOptions {
-    accessToken: string;
-}
-
-declare const _default: _nuxt_schema.NuxtModule<AllModuleOptions, AllModuleOptions, false>;
-
-export { _default as default };
-export type { AllModuleOptions, PublicModuleOptions };

package/dist/types.d.ts

@@ -1,7 +0,0 @@
-import type { NuxtModule } from '@nuxt/schema'
-
-import type { default as Module } from './module'
-
-export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
-
-export { default } from './module'