Setup

Using Storybook in your NuxtJS project is only one command away ✨

Installation

Add @nuxtjs/storybook dependency to your project:

yarn add --dev @nuxtjs/storybook
npm install --save-dev @nuxtjs/storybook
If you are using Nuxt < 2.14.0, you need to use `core-js@3`

Next, add .nuxt-storybook and storybook-static to your .gitignore:

.gitignore
.nuxt-storybook
storybook-static

That's it ✨!

Now you can start adding stories.

Configure

Then, add storybook section in nuxt.config.js:

nuxt.config.js
export default {
  storybook: {
    // Options
  }
}

See module options.