くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Nuxt-BuefyでFont Awesome5を利用できるようにする

最近Bulmaがいい感じ。Awesome5をBulma/Nuxt.jsで利用するときの備忘録

インストール

$ npm install --save nuxt-buefy @fortawesome/fontawesome-free-webfonts

nuxt.config.jsの設定

{
  // CSSにFont Awesomeを追加
  css: [
    '@fortawesome/fontawesome-free-webfonts',
    '@fortawesome/fontawesome-free-webfonts/css/fa-brands.css',
    '@fortawesome/fontawesome-free-webfonts/css/fa-regular.css',
    '@fortawesome/fontawesome-free-webfonts/css/fa-solid.css',
  ],

  // nuxt-buefyを利用するようにモジュールに追加
  modules: [
    'nuxt-buefy',
  ]
  
  // buefy関連の設定
  buefy: {
    /* nuxt-buefy options */
    css: false,
    materialDesignIcons: false,
    
    /* buefy options */
    defaultIconPack: "fas"
  },
}

以上!!

参考にしたサイト様