How to use @fortawesome/vue-fontawesome - 4 common examples

import http from '@/utils/http/index'

import * as hooks from './hooks'

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

library.add(fas)
library.add(fab)
library.add(far)

FontAwesomeIcon.props.fixedWidth.default = true

Vue.component('fa-icon', FontAwesomeIcon)

Vue.use(vDialog)
Vue.use(vTableGrid, hooks.gridConfig)
Vue.use(vPage)
Vue.use(vUploader, hooks.uploaderConfig)
Vue.use(vRegion)
Vue.use(vSelectMenu, {
  // title: false
})
Vue.use(vSelectPage, {
  dataLoad: hooks.gridConfig.dataLoad,
  language: 'en'
})
// Vue.use(vTree);

import { API_URL } from '@/utils/constants'
import './assets'

const fontawesome = require('@fortawesome/vue-fontawesome')
library.add(faArrowLeft, faArrowRight, faChevronDown, faSearch, faPaperPlane)

Vue.use(VueAxios, axios)
Vue.use(Dialog)
Vue.use(Menu)
Vue.use(Toast)
Vue.use(ImageViewer)
Vue.use(Scrollbar)

Vue.axios.defaults.baseURL = API_URL.HTTP
Vue.axios.defaults.headers.post['Content-Type'] = 'application/json'
Vue.component('font-awesome-icon', fontawesome.FontAwesomeIcon)
Vue.config.productionTip = false
Vue.prototype.$blaze = blaze
moment.locale(navigator.language)
Vue.prototype.$moment = moment
Vue.prototype.$electron = electron

new Vue({
  i18n,
  router,
  store,
  render: h => h(App)
}).$mount('#app')

return () => {
    plugin.globalComponents[FontAwesomeIcon.name] = FontAwesomeIcon
  }
}

window.Vue = require('vue');

import fontawesome from '@fortawesome/fontawesome'
import FontAwesomeIcon from '@fortawesome/vue-fontawesome'
import faHeart from '@fortawesome/fontawesome-free-solid/faHeart';
import faComment from '@fortawesome/fontawesome-free-solid/faComment';
fontawesome.library.add(faHeart, faComment)

Vue.component(FontAwesomeIcon.name, FontAwesomeIcon);

if (document.querySelector('#instagram-feed')) {

    window.insta_feed = new Vue({
        el: '#instagram-feed',
        template: require('./template.html'),
        data: {
            settings: {},
            user: null,
            media: []
        },
        mounted() {
            this.settings = window.instagram_feed_settings;

            fetch('https://www.instagram.com/' + this.settings.username + '/')
            .then((response) => response.text())