Zengtudor
/
Nuxt
mirror of https://github.com/nuxt/nuxt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Nuxt/examples/storybook
History
Alexander Lichter 47898fbdac chore(examples): rebase on latest stable nuxt version (#4874) 2019-02-01 16:36:06 +03:30
..
.storybook refactor: change function calls when arity is one (#3563) 2018-07-20 16:42:31 +01:00
components refactor: use PascalCase for components names (#4396) 2018-11-24 22:19:19 +03:30
layouts refactor: use PascalCase for components names (#4396) 2018-11-24 22:19:19 +03:30
pages refactor: use PascalCase for components names (#4396) 2018-11-24 22:19:19 +03:30
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 eslint: Prefer const over let (#3650) 2018-08-08 12:54:05 +02:00
README.md Update README.md 2018-02-06 13:20:38 +01:00
nuxt.config.js chore: update storybook example 2018-10-06 19:38:47 +01:00
package.json chore(examples): rebase on latest stable nuxt version (#4874) 2019-02-01 16:36:06 +03:30

README.md

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