docs(Quickstart): unplugin-vue-components usage updated (#12499) (#12500)

packages/vant/docs/markdown/quickstart.en-US.md

@@ -171,9 +171,8 @@ const ComponentsPlugin = require('unplugin-vue-components/webpack');
 module.exports = {
   configureWebpack: {
     plugins: [
-      ComponentsPlugin({
-        resolvers: [VantResolver()],
-      }),
+      ComponentsPlugin({ resolvers: [VantResolver()] }), // when the unplugin-vue-components version is less than 0.26.0
+      ComponentsPlugin.default({ resolvers: [VantResolver()] }), // when the unplugin-vue-components version is greater than or equal to 0.26.0
     ],
   },
 };
@@ -187,9 +186,8 @@ const ComponentsPlugin = require('unplugin-vue-components/webpack');
 
 module.exports = {
   plugins: [
-    ComponentsPlugin({
-      resolvers: [VantResolver()],
-    }),
+    ComponentsPlugin({ resolvers: [VantResolver()] }), // when the unplugin-vue-components version is less than 0.26.0
+    ComponentsPlugin.default({ resolvers: [VantResolver()] }), // when the unplugin-vue-components version is greater than or equal to 0.26.0
   ],
 };
 ```
@@ -232,6 +230,9 @@ import 'vant/es/image-preview/style';
 
 - "Full Import" and "On-demand Import" should not be used at the same time, otherwise it will lead to problems such as code duplication and style overrides.
 - During use, if the component cannot be imported, because `unplugin-vue-components` is not a plug-in officially maintained by `Vant`, it is recommended to give feedback under the [unplugin/unplugin-vue-components](https://github.com/antfu/unplugin/unplugin-vue-components) repository.
+
+  > Tips: when the version number of `unplugin-vue-components` is >= 0.26.0 or above, for `webpack`, `vuecli`, `rspack`, you need to use `ComponentsPlugin.default` to register.
+
 - `@vant/auto-import-resolver` provides some configuration options. Please refer to the [README document](https://github.com/youzan/vant/tree/main/packages/vant-auto-import-resolver) for more information.
 - If it is a similar problem that the style does not take effect, feedback under the `Vant` repository.
 

packages/vant/docs/markdown/quickstart.zh-CN.md

@@ -193,9 +193,8 @@ const ComponentsPlugin = require('unplugin-vue-components/webpack');
 module.exports = {
   configureWebpack: {
     plugins: [
-      ComponentsPlugin({
-        resolvers: [VantResolver()],
-      }),
+      ComponentsPlugin({ resolvers: [VantResolver()] }), // 当 unplugin-vue-components 版本小于 0.26.0
+      ComponentsPlugin.default({ resolvers: [VantResolver()] }), //当 unplugin-vue-components 版本大于等于 0.26.0
     ],
   },
 };
@@ -209,9 +208,8 @@ const ComponentsPlugin = require('unplugin-vue-components/webpack');
 
 module.exports = {
   plugins: [
-    ComponentsPlugin({
-      resolvers: [VantResolver()],
-    }),
+    ComponentsPlugin({ resolvers: [VantResolver()] }), // 当 unplugin-vue-components 版本小于 0.26.0
+    ComponentsPlugin.default({ resolvers: [VantResolver()] }), //当 unplugin-vue-components 版本大于等于 0.26.0
   ],
 };
 ```
@@ -254,6 +252,9 @@ import 'vant/es/image-preview/style';
 
 - 请避免同时使用「全量引入」和「按需引入」这两种引入方式，否则会导致代码重复、样式错乱等问题。
 - 在使用过程中，如果你遇到组件不能导入的问题，因为 unplugin-vue-components 并不是 Vant 官方维护的插件，所以建议到 [unplugin/unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components) 仓库下反馈。
+
+  > 提示：`unplugin-vue-components` 在版本号 >= 0.26.0 以上时，对于 `webpack`、`vuecli`、`rspack` 的，需要使用 `ComponentsPlugin.default` 进行注册。
+
 - `@vant/auto-import-resolver` 提供了一些配置项，请参考 [README 文档](https://github.com/youzan/vant/tree/main/packages/vant-auto-import-resolver) 来了解更多。
 - 如果是样式不生效的相关问题，你可以在 Vant 仓库下反馈。