Integrate Storybook into your Nuxt application.
pnpm add -D @nuxtjs/storybook
Update your nuxt.config
:
modules: [
'@nuxtjs/storybook',
],
storybook: {
url: 'http://localhost:6006',
storybookRoute: '/__storybook__',
port: 6006,
},
Then run pnpm dev
to start you Nuxt server.
https://github.com/chakAs3/nuxt-storybook-module-demo
๐ Zero configuration to start (see video)
๐ช Access Storybook Terminal
๐จ Devtools tab with Storybook app
โ๏ธ Reference your Storybook config in your app
๐ฆ Extendable by Nuxt modules
๐ Supports Nuxt 3 / Storybook 7
Nuxt 2 is supported with Storybook v6,you can check legacy code on the v4 branch.
- Install dependencies with
pnpm
. - Run
pnpm dev:prepare
to generate stubbeddist
directory. - Make your changes.
- Run
pnpm lint
to verify that there is no issues (consider adding tests). - Submit a PR.
This repository is licensed under the MIT License. Feel free to use the code and modify it according to your needs.
๐ Mail: [email protected]
๐ฌ Discord: ChakAs3
๐ฆโโฌ Twitter: @ChakirQatab