Play UIInstallation
This section explains how to properly install and use an Play UI.
Install Package
shell
# npm
npm i play-ui
# yarn
yarn add play-ui
# pnpm
pnpm add play-ui# npm
npm i play-ui
# yarn
yarn add play-ui
# pnpm
pnpm add play-uiOn-demand Import
You need to use an additional plugin to import components you used. First you need to install unplugin-vue-components and unplugin-auto-import.
shell
npm install -D unplugin-vue-componentsnpm install -D unplugin-vue-componentsThen add the code below into your Vite config file.
ts
// vite.config.ts
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { PlayResolver } from 'play-ui/dist/lib/components/resolver'
export default defineConfig({
// ...
plugins: [
// ...
Components({
resolvers: [PlayResolver()],
}),
AutoImport({
resolvers: [PlayResolver()],
}),
],
})// vite.config.ts
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { PlayResolver } from 'play-ui/dist/lib/components/resolver'
export default defineConfig({
// ...
plugins: [
// ...
Components({
resolvers: [PlayResolver()],
}),
AutoImport({
resolvers: [PlayResolver()],
}),
],
})