【Vue.js】Vue.jsでfontawsome(Free版)を使用する方法　　

//ワークスペース作成
$ vue create fontawsome

// fontawsomeのパッケージ（無料版のみ）
$ npm i --save @fortawesome/fontawesome-svg-core
$ npm i --save @fortawesome/free-solid-svg-icons
$ npm i --save @fortawesome/free-brands-svg-icons
$ npm i --save @fortawesome/free-regular-svg-icons
$ npm i --save @fortawesome/vue-fontawesome@2  //ここだけバージョンによって異なります。

import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'

library.add(fas, far, fab)
Vue.component('font-awesome-icon', FontAwesomeIcon)

<template>
  <div>
    <font-awsome-icon icon="お好きなアイコンのコード">
  </div>
</template>