Vueでfontawesomeのtwitter（ブランド）アイコンを表示する方法

パッケージをインストール

$ npm install @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons

Vueコンポートネントに登録

//main.js
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';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';

// アイコンを読み込み
library.add(fas, far, fab);

// Vueコンポーネントを作成
Vue.component('v-fa', FontAwesomeIcon);

通常は下記で使用できるが

<font-awesome-icon icon="coffee" />

ブランドアイコンのみ下記のように指定する必要がある

<font-awesome-icon :icon="['fab', 'twitter']"　/>