Skip to content

Commit

Permalink
docs: correct storybook-vue3-rsbuild
Browse files Browse the repository at this point in the history
  • Loading branch information
fi3ework committed Jan 7, 2025
1 parent 63b5fa9 commit 4787eb3
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

<p>
<a href="https://www.npmjs.com/package/storybook-builder-rsbuild"><img src="https://img.shields.io/npm/v/storybook-builder-rsbuild?style=flat-square&color=ff4785" alt="latest version" /></a>
<a href="https://npmcharts.com/compare/storybook-builder-rsbuild,storybook-react-rsbuild,storybook-react-vue,storybook-vue-rsbuild,storybook-vue3-rsbuild?interval=7&log=false"><img src="https://img.shields.io/npm/dm/storybook-builder-rsbuild?style=flat-square&color=%23ff4785" alt="NPM downloads per month" /></a>
<a href="https://npmcharts.com/compare/storybook-builder-rsbuild,storybook-react-rsbuild,storybook-react-vue,storybook-vue3-rsbuild,storybook-vue3-rsbuild?interval=7&log=false"><img src="https://img.shields.io/npm/dm/storybook-builder-rsbuild?style=flat-square&color=%23ff4785" alt="NPM downloads per month" /></a>
<a href="https://github.com/rspack-contrib/storybook-rsbuild/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/storybook-builder-rsbuild?style=flat-square&color=%23ff4785" alt="license" /></a>
</p>

Expand Down
8 changes: 4 additions & 4 deletions website/docs/guide/framework/vue.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -18,17 +18,17 @@ Use with Vue in a existing Rsbuild project.

### Installation

To use Vue with Storybook, you need to install the `storybook-vue-rsbuild` package.
To use Vue with Storybook, you need to install the `storybook-vue3-rsbuild` package.

<PackageManagerTabs command="install storybook-vue-rsbuild -D" />
<PackageManagerTabs command="install storybook-vue3-rsbuild -D" />

### Setup `.storybook/main.ts`

```js
import { StorybookConfig } from 'storybook-vue-rsbuild'
import { StorybookConfig } from 'storybook-vue3-rsbuild'

const config: StorybookConfig = {
framework: 'storybook-vue-rsbuild',
framework: 'storybook-vue3-rsbuild',
rsbuildFinal: (config) => {
// Customize the final Rsbuild config here
return config
Expand Down
2 changes: 1 addition & 1 deletion website/docs/guide/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
alt="latest version"
/>
</a>
<a href="https://npmcharts.com/compare/storybook-builder-rsbuild,storybook-react-rsbuild,storybook-react-vue,storybook-vue-rsbuild,storybook-vue3-rsbuild?interval=7&log=false">
<a href="https://npmcharts.com/compare/storybook-builder-rsbuild,storybook-react-rsbuild,storybook-react-vue,storybook-vue3-rsbuild,storybook-vue3-rsbuild?interval=7&log=false">
<img
src="https://img.shields.io/npm/dm/storybook-builder-rsbuild?style=flat-square&color=%23ff4785"
alt="NPM downloads per month"
Expand Down

0 comments on commit 4787eb3

Please sign in to comment.