@yassidev/nuxt-storybook
TypeScript icon, indicating that this package has built-in type declarations

0.0.9 • Public • Published

Nuxt + Storybook

npm version npm downloads License

Quick Setup

  1. Add @yassidev/nuxt-storybook dependency to your project
# Using pnpm

pnpm add -D @yassidev/nuxt-storybook @storybook/vue3-vite

# Using yarn

yarn add --dev @yassidev/nuxt-storybook @storybook/vue3-vite

# Using npm

npm install --save-dev @yassidev/nuxt-storybook @storybook/vue3-vite
  1. Add @yassidev/nuxt-storybook to the modules section of nuxt.config.ts
export default defineNuxtConfig({
    modules: [
        '@yassidev/nuxt-storybook'
    ],
    storybook: {
        config: {}, // What you would export from `.storybook/main`.
        buildOptions: {},  // Add any extra options for building the storybook server.
        parameters: {}  // Parameters you'd normally export from `.storybook/previews`.
    }
})

Notes

This module really was just for me to get started with defining stories and be able to use all my Nuxt-specific features without requiring a bunch of tweaks and hacks (e.g.composable auto-imports, custom components, etc.). But I'm now trying to work on a Storybook Nuxt Framework that would just plug itself to a running Nuxt server instance and add a /storybook route to view all your stories within a Nuxt context :)

Readme

Keywords

none

Package Sidebar

Install

npm i @yassidev/nuxt-storybook

Weekly Downloads

1

Version

0.0.9

License

MIT

Unpacked Size

10.6 kB

Total Files

11

Last publish

Collaborators

  • yassidevteam