Nuxt/examples/storybook
2023-03-16 06:24:27 -07:00
..
.storybook
components
layouts chore: update repo 2022-09-03 14:46:48 +02:00
pages refactor: use nuxt everywhere (#8210) 2020-11-30 23:44:04 +01:00
plugins
static
store refactor: use nuxt everywhere (#8210) 2020-11-30 23:44:04 +01:00
stories chore(deps): update all non-major dependencies (#9400) 2021-08-11 16:15:56 +02:00
nuxt.config.js
package.json chore(examples): use 2.x version of nuxt instead of latest (#19737) 2023-03-16 06:24:27 -07:00
README.md refactor: use nuxt everywhere (#8210) 2020-11-30 23:44:04 +01:00

Storybook demo for Nuxt

Demo showcasing Storybook usage with Nuxt, Vuetify and Vue-Charts

Features

  • Supports ~ and ~~ Nuxt aliases
  • Contains storybase.js with helper classes
  • Integrates most of addons
  • Real life examples with Vuetify and Vue-Charts

Description

This demo aims to integrate all the above mentioned technologies with best practices in mind.

Points of interest

  • .storybook folder contains storybook configuration
  • stories folder has number of stories corresponding to components
  • Note, Storybook is configured to understand Nuxt aliases ~ and ~~
  • Number of helpers in storybase.js to simplify storybook usahe

Usage

To run locally in dev mode

npm run storybook

and then access the storybook from localhost:9001

To build static storybook to .out folder

npm run storybookoutput

More reading