Nuxt stories module -- Painless (and now insanely fast) storybooking for Nuxt
MIT License
Painless (and now insanely fast) storybooking for Nuxt
<json :data="[your data]"/>
to see the tree.See it in ACTION: DEMO @ Netlify (Ctrl+Click for new tab)
nuxt-stories
dependency to your projectnpm i -D nuxt-stories@next
npm i -D nuxt-stories
You may also need to install the following deps if they didn't get installed when you first created your nuxt app:
After installing, a postinstall script will run to "gently copy" sample stories, assets, and layout(s) to your workspace to get you setup asap. It will also create a "components" directory if it doesn't already exist.
nuxt-stories
to the buildModules
section of nuxt.config.js
{
buildModules: [
'nuxt-stories'
],
stories: {
/* stories options here */
}
}
npm run dev
Then view your stories running on your local dev server: http://localhost:3000/stories
All the stories that you edit there will get auto saved back to [project root]/stories/[language]. Read on to learn more. More explanation will follow.