# Storybook demo for Nuxt

Demo showcasing [Storybook](https://storybook.js.org/) usage with Nuxt.js, [Vuetify](https://vuetifyjs.com) and [Vue-Charts](http://vue-chartjs.org/)

## 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](http://localhost:9001)

To build static storybook to `.out` folder

```
npm run storybookoutput
```

## More reading

* [Using Storybook with Nuxt](https://davidwalsh.name/storybook-nuxt) by David Walsh
* [StoryBook for Vue](https://github.com/storybooks/storybook/tree/master/app/vue)
* [Vue Kitchen sink Storybook demo](https://github.com/storybooks/storybook/tree/master/examples/vue-kitchen-sink)
* [Vuetify Storybook boilerplate](https://github.com/white-rabbit-japan/vuetify-storyboard-boilerplate)