nuxt-modules · tobiasdiez · Sep 21, 2024 · Sep 22, 2024 · Apr 7, 2025
diff --git a/docs/content/1.getting-started/1.setup.md b/docs/content/1.getting-started/1.setup.md
@@ -50,6 +50,8 @@ npm install -D @nuxtjs/storybook
 
 ::
 
+By default, the module comes with the latest version of Storybook preinstalled. So you don't need to add it manually in your project. Similarly, all [essential addons](https://storybook.js.org/docs/essentials) as well as the packages [`@storybook/test`](https://storybook.js.org/docs/writing-tests/component-testing) and [`@storybook/blocks`](https://storybook.js.org/docs/writing-docs/doc-blocks) are included. You can always install additional addons as needed.
+
 2. If not using `nuxi` above, add the module `@nuxtjs/storybook` to your Nuxt configuration:
 
 ```ts [nuxt.config.ts]

diff --git a/examples/showcase/package.json b/examples/showcase/package.json
@@ -22,10 +22,6 @@
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.6",
     "@nuxtjs/storybook": "latest",
-    "@storybook/addon-essentials": "8.6.12",
-    "@storybook/addon-links": "8.6.12",
-    "@storybook/blocks": "8.6.12",
-    "@storybook/test": "8.6.12",
-    "storybook": "8.6.12"
+    "@storybook/addon-links": "8.6.12"
   }
 }
diff --git a/examples/starter/package.json b/examples/starter/package.json
@@ -17,12 +17,6 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.6",
-    "@nuxtjs/storybook": "latest",
-    "@storybook/addon-essentials": "8.6.12",
-    "@storybook/addon-interactions": "8.6.12",
-    "@storybook/blocks": "8.6.12",
-    "@storybook/test": "8.6.12",
-    "@storybook/vue3": "8.6.12",
-    "storybook": "8.6.12"
+    "@nuxtjs/storybook": "latest"
   }
 }
diff --git a/examples/tailwind/package.json b/examples/tailwind/package.json
@@ -19,11 +19,6 @@
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.6",
     "@nuxtjs/storybook": "latest",
-    "@storybook/addon-essentials": "8.6.12",
-    "@storybook/addon-links": "8.6.12",
-    "@storybook/blocks": "8.6.12",
-    "@storybook/test": "8.6.12",
-    "storybook": "8.6.12",
     "tailwindcss": "3.4.17"
   }
 }
diff --git a/packages/nuxt-module/bin/storybook.mjs b/packages/nuxt-module/bin/storybook.mjs
@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import 'storybook/internal/cli/bin'
diff --git a/packages/nuxt-module/package.json b/packages/nuxt-module/package.json
@@ -30,10 +30,14 @@
       "require": "./dist/module.cjs"
     }
   },
+  "bin": {
+    "storybook": "./bin/storybook.mjs"
+  },
   "main": "./dist/module.cjs",
   "types": "./dist/types.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "bin"
   ],
   "engines": {
     "node": ">=18.0.0"

diff --git a/packages/storybook-addon/package.json b/packages/storybook-addon/package.json
@@ -70,7 +70,9 @@
     "@nuxt/schema": "^3.13.0",
     "@nuxt/vite-builder": "^3.13.0",
     "@rollup/plugin-replace": "^6.0.0",
+    "@storybook/addon-essentials": "8.6.12",
     "@storybook/builder-vite": "8.6.12",
+    "@storybook/test": "8.6.12",
     "@storybook/vue3": "8.6.12",
     "@storybook/vue3-vite": "8.6.12",
     "json-stable-stringify": "^1.2.0",

diff --git a/playground/package.json b/playground/package.json
@@ -21,10 +21,6 @@
     "@nuxtjs/storybook": "workspace:*",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/addon-interactions": "8.6.12",
-    "@storybook/blocks": "8.6.12",
-    "@storybook/test": "8.6.12",
-    "@storybook/vue3": "8.6.12",
-    "storybook": "8.6.12",
     "vite-plugin-inspect": "11.0.0",
     "@nuxtjs/i18n": "9.5.2"
   }

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,6 +50,8 @@ npm install -D @nuxtjs/storybook @@
     ::
+    By default, the module comes with the latest version of Storybook preinstalled. So you don't need to add it manually in your project. Similarly, all [essential addons](https://storybook.js.org/docs/essentials) as well as the packages [`@storybook/test`](https://storybook.js.org/docs/writing-tests/component-testing) and [`@storybook/blocks`](https://storybook.js.org/docs/writing-docs/doc-blocks) are included. You can always install additional addons as needed.
 . If not using `nuxi` above, add the module `@nuxtjs/storybook` to your Nuxt configuration:
     ```ts [nuxt.config.ts]
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		#!/usr/bin/env node

		import 'storybook/internal/cli/bin'