Note
To use Storybook with Nuxt3, please use the nuxt-modules repository.
https://github.com/nuxt-modules/storybook
This add-on makes it easier to set up Storybook in your Nuxt3 project.
- Auto Imports
- NuxtLink
Since we're still in the early stages of the project, there are several features that we still need to tackle. We're open to hearing your requests for features and will address them in the order we receive them. Please feel free to let us know what you need without hesitation.
- Nuxt >= 3.x
- Storybook >= 7.x
- Nuxt3 - Source
First setup Storybook.
In your Nuxt project directory:
npx storybook@latest init --type vue3 --builder vite
Install storybook-addon-nuxt using npm:
npm install --save-dev storybook-addon-nuxt
Or yarn:
yarn add --dev storybook-addon-nuxt
Register the Addon in main.js
// .storybook/main.js
module.exports = {
// other config ommited for brevity
addons: [
// ...
'storybook-addon-nuxt'
// ...
]
}