diff --git a/site/src/vueDocs/getting-started.en-US.md b/site/src/vueDocs/getting-started.en-US.md
index 3623da503..de38db9d7 100644
--- a/site/src/vueDocs/getting-started.en-US.md
+++ b/site/src/vueDocs/getting-started.en-US.md
@@ -105,7 +105,7 @@ And this plugin can load styles too, read [usage](https://github.com/ant-design/
 
 > FYI, babel-plugin-import's `style` option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via `import 'ant-design-vue/dist/antd.css'` and override the global reset styles.
 
-If you use Vite, you can use [vite-plugin-components](https://github.com/antfu/vite-plugin-components) to load on demand.
+If you use Vite, you can use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) to load on demand.
 
 ## Customization
 
diff --git a/site/src/vueDocs/getting-started.zh-CN.md b/site/src/vueDocs/getting-started.zh-CN.md
index 21b9e740a..e1292d35c 100644
--- a/site/src/vueDocs/getting-started.zh-CN.md
+++ b/site/src/vueDocs/getting-started.zh-CN.md
@@ -105,7 +105,7 @@ import { Button } from 'ant-design-vue';
 
 > 注意，babel-plugin-import 的 `style` 属性除了引入对应组件的样式，也会引入一些必要的全局样式。如果你不需要它们，建议不要使用此属性。你可以 `import 'ant-design-vue/dist/antd.css` 手动引入，并覆盖全局样式。
 
-如果你使用的 Vite，你可以使用 [vite-plugin-components](https://github.com/antfu/vite-plugin-components) 来进行按需加载
+如果你使用的 Vite，你可以使用 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 来进行按需加载
 
 ## 配置主题和字体
 
diff --git a/site/src/vueDocs/introduce.en-US.md b/site/src/vueDocs/introduce.en-US.md
index 910785be5..e59601202 100644
--- a/site/src/vueDocs/introduce.en-US.md
+++ b/site/src/vueDocs/introduce.en-US.md
@@ -115,13 +115,16 @@ import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
 
   ```js
   // vite.config.js
-  import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';
-
+  import Components from 'unplugin-vue-components/vite'
+  import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
+  
   export default {
     plugins: [
       /* ... */
-      ViteComponents({
-        customComponentResolvers: [AntDesignVueResolver()],
+      Components({
+        resolvers: [
+          AntDesignVueResolver(),
+        ],
       }),
     ],
   };
diff --git a/site/src/vueDocs/introduce.zh-CN.md b/site/src/vueDocs/introduce.zh-CN.md
index ae8cef0e2..165a6cd39 100644
--- a/site/src/vueDocs/introduce.zh-CN.md
+++ b/site/src/vueDocs/introduce.zh-CN.md
@@ -117,13 +117,16 @@ import 'ant-design-vue/dist/antd.css'; // or 'ant-design-vue/dist/antd.less'
 
   ```js
   // vite.config.js
-  import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';
-
+  import Components from 'unplugin-vue-components/vite'
+  import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
+  
   export default {
     plugins: [
       /* ... */
-      ViteComponents({
-        customComponentResolvers: [AntDesignVueResolver()],
+      Components({
+        resolvers: [
+          AntDesignVueResolver(),
+        ],
       }),
     ],
   };