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.

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

nuxt.config.js

export default {
  storybook: {
    // Options
  }
}