import ViteIcons, { ViteIconsResolver } from 'vite-plugin-icons'; // iconify图标
import Components from 'vite-plugin-components'; // 从指定目录自动导入组件

export default [
  Components({
    customComponentResolvers: ViteIconsResolver({ componentPrefix: 'icon' }) // 组件名前缀
  }),
  ViteIcons()
];

/**
 * iconify用法(安装对应的vscode智能提示的插件: Iconify IntelliSense)
 * 找图标：网址 https://icones.js.org/ 或者 vscode安装 icones插件
 * 确定图标名字：找到图标后复制名字 如：mdi:ab-testing 组件为: <icon-mdi-ab-testing />
 * 样式：同html标签一样直接应用style属性或者class属性; 通过设置color和font-size属性设置对应的颜色和大小
 */