Merge branch 'main' into renovate/eslint-8.x-lockfile

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

src/module.ts

@@ -5,15 +5,15 @@ import { setupStorybook } from './storybook'
 export interface ModuleOptions {
   /**
    * StorybookAPI URL
-   * @default process.env.STORYBOOK_URL
+   * @default import.meta.env.STORYBOOK_URL
    * @example 'http://localhost:6006'
    * @type string
    */
   url?: string
 
   /**
    * StorybookVersion
-   * @default 'v7'
+   * @default 'v8'
    * @type string
    * @example 'v8'
    */
@@ -58,7 +58,7 @@ export default defineNuxtModule<ModuleOptions>({
     },
   },
   defaults: {
-    url: process.env.STORYBOOK_URL || 'http://localhost:6006',
+    url: import.meta.env.STORYBOOK_URL || 'http://localhost:6006',
     storybookRoute: '/__storybook_route',
     port: 6006,
     version: 'v8',
@@ -67,13 +67,10 @@ export default defineNuxtModule<ModuleOptions>({
   },
   async setup(options, nuxt) {
 
-    if(process.env.__STORYBOOK__)
+    if(import.meta.env.__STORYBOOK__)
      return
 
     logger.info('🔌  Storybook Module Setup')
-    // Default runtimeConfig
-
-    nuxt.options.ssr = false
 
     setupStorybook(options, nuxt)
   },

src/storybook.ts

@@ -67,8 +67,6 @@ export async function setupStorybook(options: any, nuxt: Nuxt) {
       config.optimizeDeps ??=  {}
       config.optimizeDeps.include = config.optimizeDeps.include || []
 
-      nuxt.options.devtools = { enabled: true} 
-
       config.server ??= {}
       config.server.proxy ??= {}
 
@@ -102,7 +100,6 @@ export async function setupStorybook(options: any, nuxt: Nuxt) {
       logger.info(' ')
       logger.info('✔ Storybook build done  ')
       logger.info('  ')
-      nuxt.options.devtools = {enabled:true} 
       process.env.__STORYBOOK__ = JSON.stringify( options )     
     })