@storyblok/nuxt 4.0.1 → 4.1.0

package/README.md

@@ -46,13 +46,13 @@ npm install @storyblok/nuxt
 # yarn add @storyblok/nuxt
 ```
 
-Add following code to buildModules section of `nuxt.config.js` and replace the accessToken with API token from Storyblok space.
+Add following code to modules section of `nuxt.config.js` and replace the accessToken with API token from Storyblok space.
 
 ```js
 import { defineNuxtConfig } from "nuxt";
 
 export default defineNuxtConfig({
-  buildModules: [
+  modules: [
     ["@storyblok/nuxt", { accessToken: "<your-access-token>" }]
     // ...
   ]
@@ -65,7 +65,7 @@ You can also use the `storyblok` config if you prefer:
 import { defineNuxtConfig } from "nuxt";
 
 export default defineNuxtConfig({
-  buildModules: ["@storyblok/nuxt"],
+  modules: ["@storyblok/nuxt"],
   storyblok: {
     accessToken: "<your-access-token>"
   }
@@ -102,7 +102,7 @@ To link your Vue components to their equivalent you created in Storyblok:
 <div v-editable="blok" / >
 ```
 
-- Finally, use `<StoryblokComponent>` which available globally in the Nuxt app:
+- Finally, use `<StoryblokComponent>` which is available globally in the Nuxt app:
 
 ```html
 <StoryblokComponent :blok="blok" />
@@ -114,7 +114,7 @@ To link your Vue components to their equivalent you created in Storyblok:
 
 #### Composition API
 
-The simplest way is by using the `useStoryblok` one-liner composable (it's autoimported):
+The simplest way is by using the `useStoryblok` one-liner composable (it's autoimported) and passing as a first parameter a name of your content page from Storyblok (in this case, our content page name is `vue`, by default you get a content page named `home`):
 
 ```html
 <script setup>

package/dist/module.d.ts

@@ -29,7 +29,12 @@ var module = defineNuxtModule({
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.runtimeConfig.public.storyblok = options;
     addPlugin(resolve(__dirname, "runtime", `./plugin`));
-    const names = ["useStoryblok", "useStoryblokApi", "useStoryblokBridge"];
+    const names = [
+      "useStoryblok",
+      "useStoryblokApi",
+      "useStoryblokBridge",
+      "renderRichText"
+    ];
     names.forEach((name) => addAutoImport({ name, as: name, from: "@storyblok/vue" }));
   }
 });

package/dist/module.mjs

@@ -29,7 +29,12 @@ const module = defineNuxtModule({
     nuxt.options.build.transpile.push(runtimeDir);
     nuxt.options.runtimeConfig.public.storyblok = options;
     addPlugin(resolve(__dirname, "runtime", `./plugin`));
-    const names = ["useStoryblok", "useStoryblokApi", "useStoryblokBridge"];
+    const names = [
+      "useStoryblok",
+      "useStoryblokApi",
+      "useStoryblokBridge",
+      "renderRichText"
+    ];
     names.forEach((name) => addAutoImport({ name, as: name, from: "@storyblok/vue" }));
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storyblok/nuxt",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Storyblok Nuxt.js module",
   "main": "./src/module.js",
   "module": "./src/module.js",
@@ -28,12 +28,12 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.0.0-rc.2",
-    "@storyblok/vue": "^6.0.3"
+    "@storyblok/vue": "^6.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.0",
     "@nuxt/module-builder": "latest",
-    "babel-jest": "^26.6.3",
+    "babel-jest": "^28.1.3",
     "cypress": "^8.3.0",
     "eslint-plugin-cypress": "^2.12.1",
     "jest": "^26.6.3",

package/src/module.js

@@ -36,7 +36,12 @@ export default defineNuxtModule({
     addPlugin(resolve(__dirname, "runtime", `./plugin`));
 
     // Autoimports
-    const names = ["useStoryblok", "useStoryblokApi", "useStoryblokBridge"];
+    const names = [
+      "useStoryblok",
+      "useStoryblokApi",
+      "useStoryblokBridge",
+      "renderRichText"
+    ];
     names.forEach((name) =>
       addAutoImport({ name, as: name, from: "@storyblok/vue" })
     );