安装

1 安装组件库

通过 npm 或 yarn 安装：

# 使用 npm
npm install eda-element-ui --save

# 使用 yarn
yarn add eda-element-ui

2 安装依赖

npm install @fortawesome/fontawesome-svg-core --save

# 图标库（按需安装）
npm install @fortawesome/free-solid-svg-icons --save  # 实心图标
npm install @fortawesome/free-regular-svg-icons --save # 线性图标
npm install @fortawesome/free-brands-svg-icons --save  # 品牌图标

3 全局注册（可选，推荐）

在你的 Vue 应用的入口文件（通常是 src/main.ts 或 src/main.js）中，导入并使用组件库提供的插件，同时别忘了初始化 Font Awesome 库。

// src/main.ts
import { createApp } from "vue";
import App from "./App.vue";
import EdaElementUI from "eda-element-ui"; // 导入你的组件库

// --- Font Awesome 初始化 ---
import { library } from "@fortawesome/fontawesome-svg-core";
// 导入需要的图标集
import { fas } from "@fortawesome/free-solid-svg-icons"; // 实心图标
import { far } from "@fortawesome/free-regular-svg-icons"; // 常规图标 (边框)
import { fab } from "@fortawesome/free-brands-svg-icons"; // 品牌图标
// 将导入的图标集添加到 Font Awesome 的全局库中
library.add(fas, far, fab);
const app = createApp(App);
app.use(EdaElementUI);
app.mount("#app");

4 按需导入（可选）

如果你希望只在特定组件中使用 YqIcon，可以跳过全局注册，直接在需要的地方导入：

<script setup>
import YqIcon from "eda-element-ui";
// 或 import { YqIcon } from "eda-element-ui";
</script>

<template>
  <YqIcon icon="fa-solid fa-star"></YqIcon>
</template>