组件库使用文档

安装

npm install @lyon/element-plus

全局使用

import { createApp } from 'vue'

// 先引入 element plus 组件和样式
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css';

// 再引入组件包
import LyonEl from '@lyon/element-plus'
import '@lyon/element-plus/dist/index.css'

const app = createApp(App)

app.use(ElementPlus)
app.use(LyonEl)

app.mount('#app')

按需引入 (自动)

安装 unplugin-vue-component文档

npm install --save-dev unplugin-vue-component

配置 vite.config.js

import Components from 'unplugin-vue-components/vite';
import { Resolver } from '@lyon/element-plus/es/resolver.mjs';

export default defineConfig({
  plugins: [
    Components({
      dts: true,
      resolvers: [Resolver()],
    }),
  ],
});

按需使用 (手动)

// 引入组件
import { LyonElAsyncSelect } from '@lyon/element-plus'

// 引入样式
import '@lyon/element-plus/es/components/async-select/style/css'