Nuxt/examples/storybook
HG bc4140a46e
updated readme on running storybook with nuxt
detailed description on running storybook with vue
2018-02-06 12:14:28 +00:00
..
.storybook example: Update storybook example 2018-02-06 12:56:28 +01:00
components example: Update storybook example 2018-02-06 12:56:28 +01:00
layouts initial commit 2018-02-06 02:36:22 +00:00
pages initial commit 2018-02-06 02:36:22 +00:00
plugins example: Update storybook example 2018-02-06 12:56:28 +01:00
static initial commit 2018-02-06 02:36:22 +00:00
store initial commit 2018-02-06 02:36:22 +00:00
stories example: Update storybook example 2018-02-06 12:56:28 +01:00
nuxt.config.js example: Update storybook example 2018-02-06 12:56:28 +01:00
package.json more cleanup 2018-02-06 02:52:15 +00:00
README.md updated readme on running storybook with nuxt 2018-02-06 12:14:28 +00:00

Storybook demo for Nuxt

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

Features

  • supports '~' and '~~' Nuxt.js 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