Merge branch 'main' into respect-devtools

README.md

@@ -7,7 +7,7 @@ Integrate [Storybook](http://storybook.js.org) into your [Nuxt](https://nuxt.com
 ## Installing
 
 ```
-pnpm add -D @nuxtjs/storybook
+npx nuxi@latest module add storybook
 ```
 
 Update your `nuxt.config`:

docs/content/0.index.md

@@ -13,7 +13,7 @@ cta:
 secondary:
   - Star on GitHub →
   - https://github.com/nuxt-modules/storybook
-snippet: pnpm add -D @nuxtjs/storybook
+snippet: npx nuxi@latest module add storybook
 ---
 
 #title

docs/content/1.getting-started/1.setup.md

@@ -5,23 +5,10 @@ Using Storybook  in your Nuxt project is only one command away ✨
 ## Installation
 
 1. Install `@nuxtjs/storybook` dependency to your project:
-
-::code-group
-
-```bash [yarn]
-yarn add -D @nuxtjs/storybook 
-```
-
-```bash [npm]
-npm install -D @nuxtjs/storybook 
-```
-
-```sh [pnpm]
-pnpm i -D @nuxtjs/storybook 
+```bash
+npx nuxi@latest module add storybook
 ```
 
-::
-
 2. Add it to your `modules` section in your `nuxt.config`:
 
 ::code-group

package.json

@@ -55,9 +55,11 @@
     "dependencies": {
         "@nuxt/devtools-kit": "^1.0.8",
         "@nuxt/kit": "3.9.1",
+        "@storybook-vue/nuxt": "^0.2.6",
         "chalk": "^4.1.2",
         "defu": "^6.1.4",
-        "get-port-please": "^3.1.2"
+        "get-port-please": "^3.1.2",
+        "storybook": "^8.0.6"
     },
     "publishConfig": {
         "access": "public"

playground/package.json

@@ -17,7 +17,7 @@
         "storybook": "8.0.0",
         "@types/node": "^18.17.5",
         "@storybook/vue3": "8.0.0",
-        "@storybook-vue/nuxt": "0.2.5",
+        "@storybook-vue/nuxt": "0.2.6",
         "@storybook/addon-links": "8.0.0",
         "@storybook/builder-vite": "8.0.0",
         "@storybook/addon-essentials": "8.0.0",