doc: add usage for vite (#5176), close #5169

Author: smallp

site/src/vueDocs/getting-started.en-US.md

@@ -103,7 +103,11 @@ 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 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-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. However, this plugin can only deal with components. Others such as message should be loaded manually:
+```ts
+import { message } from "ant-design-vue"
+import "ant-design-vue/es/message/style/css" //use ant-design-vue/es instead of ant-design-vue/lib
+```
 
 ## Customization
 

site/src/vueDocs/getting-started.zh-CN.md

@@ -103,7 +103,11 @@ import { Button } from 'ant-design-vue';
 
 > 注意，babel-plugin-import 的 `style` 属性除了引入对应组件的样式，也会引入一些必要的全局样式。如果你不需要它们，建议不要使用此属性。你可以 `import 'ant-design-vue/dist/antd.css` 手动引入，并覆盖全局样式。
 
-如果你使用的 Vite，你可以使用 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 来进行按需加载
+如果你使用的 Vite，你可以使用 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 来进行按需加载。但是此插件无法处理非组件模块，如 message，这种组件需要手动加载：
+```ts
+import { message } from "ant-design-vue"
+import "ant-design-vue/es/message/style/css" //vite只能用 ant-design-vue/es 而非 ant-design-vue/lib
+```
 
 ## 配置主题和字体