#Vue

Storybook for Vue & Rsbuild helps you preview and iterate on Vue components with the same Rsbuild configuration you use for your application.

#Getting started

Use the steps below in an existing Rsbuild-based Vue project.

#Installation

Install the Vue framework package to enable Storybook support.

npm install storybook-vue3-rsbuild -D

yarn add storybook-vue3-rsbuild -D

pnpm add storybook-vue3-rsbuild -D

bun add storybook-vue3-rsbuild -D

deno add npm:storybook-vue3-rsbuild -D

#Configure .storybook/main.ts

import { StorybookConfig } from 'storybook-vue3-rsbuild'

const config: StorybookConfig = {
  framework: 'storybook-vue3-rsbuild',
  rsbuildFinal: (config) => {
    // Customize the final Rsbuild config here
    return config
  },
}

export default config

You're ready to go! Check the Vue 3 sandbox for a complete reference, and explore the Storybook docs for feature guides.

#Options

See the framework's types.ts for every supported option.