Nuxt.js 使用FontAwesome

專案在使用FontAwesome圖示時，一直無法正常顯示，記錄一下Nuxt使用的方法

安裝

yarn add @nuxtjs/fontawesome
yarn add @fortawesome/fontawesome-svg-core -D
yarn add @fortawesome/free-brands-svg-icons -D
yarn add @fortawesome/free-solid-svg-icons -D

nuxt.config.js 配置

buildModules:[
    '@nuxtjs/fontawesome'
]
fontawesome:{
    component: 'fa',
    icons:{
        solid: true,
        brands: true,
    }
}

使用方式

<span class="icon has-text-light">
    <fa :icon='["fab" , "google"]' />
</span>

---

以上です。

本作品採用《CC 協議》，轉載必須註明作者和本文連結