From 4787eb3a26667575f8578270c5e5b6ff3f6b8ce5 Mon Sep 17 00:00:00 2001
From: fi3ework <fi3ework@gmail.com>
Date: Tue, 7 Jan 2025 21:12:18 +0800
Subject: [PATCH] docs: correct storybook-vue3-rsbuild

---
 README.md                            | 2 +-
 website/docs/guide/framework/vue.mdx | 8 ++++----
 website/docs/guide/index.mdx         | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 28df4857..537a20a1 100644
--- a/README.md
+++ b/README.md
@@ -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>
 
diff --git a/website/docs/guide/framework/vue.mdx b/website/docs/guide/framework/vue.mdx
index 6e422af4..804c0a79 100644
--- a/website/docs/guide/framework/vue.mdx
+++ b/website/docs/guide/framework/vue.mdx
@@ -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
diff --git a/website/docs/guide/index.mdx b/website/docs/guide/index.mdx
index 668feb7d..47a03123 100644
--- a/website/docs/guide/index.mdx
+++ b/website/docs/guide/index.mdx
@@ -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"