WebIndex/plugins/fontawsome.ts

import { config, library } from '@fortawesome/fontawesome-svg-core'
import {
  faBars,
  faBlog,
  faBrush,
  faChessRook,
  faChevronDown,
  faChevronRight,
  faCloud,
  faCode,
  faCodeBranch,
  faCodeCommit,
  faGauge,
  faHouse,
  faLink,
  faPen,
  faXmark,
  faBookMedical,
} from '@fortawesome/free-solid-svg-icons'
import { faClock, faFolder } from '@fortawesome/free-regular-svg-icons'
import { faGithubAlt, faQq, faSteamSymbol, faWeibo } from '@fortawesome/free-brands-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

// 因为默认添加了 nuxt会造成一些错误，所以不自动添加样式
config.autoAddCss = false

export default defineNuxtPlugin((nuxtApp) => {
  library.add(
    faClock, faXmark, faBlog, faGauge, faCodeBranch, faCloud, faWeibo, faQq, faGithubAlt, faSteamSymbol, faChevronRight,
    faCodeCommit, faCode, faHouse, faPen, faBrush, faChessRook, faBars, faChevronDown, faFolder, faLink, faBookMedical,
  )

  nuxtApp.vueApp.component('font-awesome-icon', FontAwesomeIcon)
})