图片组件

适用

• vue
• typescript
• vite

安装

安装依赖

pnpm install @chenzoho/icon

dependencies

• @chenzoho/utils-install
• @iconify/iconify
• vue
• xe-utils

devDependencies

• @iconify/json
• @purge-icons/generated
• vite-plugin-purge-icons
• vite-plugin-svg-icons

全局注册

import { createApp } from "vue"
// 从vue库中导入createApp函数

import App from "./App.vue"
// 导入App.vue组件

import { setupIcon } from "@chenzoho/icon"
import "virtual:svg-icons-register"
// 从@chenzoho/icon库中导入setupIcon函数

const app = createApp(App)
// 创建一个名为app的createApp实例，用于创建Vue应用

setupIcon(app)
// 使用setupIcon函数配置app实例

app.mount("#app")
// 将app实例挂载到id为app的元素上

vite

import { configPurgeIconsPlugin, configSvgIconsPlugin } from "@chenzoho/icon/shims"

export default defineConfig({
	plugins: [configPurgeIconsPlugin(), configSvgIconsPlugin()]
})

更新

• 1.0.1
  • 修复
    • 图标前缀错误
• 1.0.2
  • 修复
    • package.json中types
• 1.0.3
  • 修复
    • style.css
• 1.0.4
  • 修复
    • shims的types文件路径
• 1.0.5
  • 修复
    • package.json的依赖
• 1.0.6
  • 修复
    • "virtual:svg-icons-register的问题