# Ant Design X Vue Import Resolver
English | [简体中文](./README.zh-CN.md)
## Automatic Import
This folder includes a resolver for [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components) that enables on-demand importing of Ant Design X Vue components.
### Install Plugin
```shell
# npm
npm i unplugin-vue-components -D
# yarn
yarn add unplugin-vue-components -D
# pnpm
pnpm add unplugin-vue-components -D
```
### Vite
```js
// vite.config.js
import vue from '@vitejs/plugin-vue'
import components from 'unplugin-vue-components/vite'
import { AntDesignXVueResolver } from 'ant-design-x-vue/resolver';
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
vue(),
components({
resolvers: [AntDesignXVueResolver()]
})
]
})
```
### Vue CLI
```js
// vue.config.js
const Components = require('unplugin-vue-components/webpack')
const { AntDesignXVueResolver } = require('ant-design-x-vue/resolver')
module.exports = {
configureWebpack: {
plugins: [
Components.default({
resolvers: [AntDesignXVueResolver()]
})
]
}
}
```
### Auto import
```html
```