@nuxtjs/storybook
TypeScript icon, indicating that this package has built-in type declarations

7.0.0 • Public • Published

Nuxt Storybook

Nuxt Storybook

Integrate Storybook into your Nuxt application.

Installing

pnpm add -D @storybook-vue/nuxt-storybook

Update your nuxt.config:

  modules: [
    '@storybook-vue/nuxt-storybook',
  ],
  storybook: {
    url: 'http://localhost:6006',
    storybookRoute: '/__storybook__',
    port: 6006,
  },

Then run pnpm dev to start you Nuxt server.

Demo

https://github.com/chakAs3/nuxt-storybook-module-demo

Features

👌 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 both Nuxt 3 and Nuxt 2

Contributing

  1. Install dependencies with pnpm.
  2. Run pnpm dev:prepare to generate stubbed dist directory.
  3. Make your changes.
  4. Run pnpm lint to verify that there is no issues (consider adding tests).
  5. Submit a PR.

License

This repository is licensed under the MIT License. Feel free to use the code and modify it according to your needs.

Contacts :

🔖 Mail: javachakir@gmail.com

💬 Discord: ChakAs3

🐦‍⬛ Twitter: @ChakirQatab

Readme

Keywords

none

Package Sidebar

Install

npm i @nuxtjs/storybook

Weekly Downloads

17,243

Version

7.0.0

License

MIT

Unpacked Size

9.64 kB

Total Files

8

Last publish

Collaborators

  • farnabaz
  • pi0
  • javachakir-npm