Compability with vue-fontawesome

I am using the vue-fontawesome components for all the icons in my project, so is there a way to use this with it?

The component looks like this: <font-awesome-icon :icon="['far', 'trash-alt']"></font-awesome-icon>

vue-fontawesome

[pWnH]

@shpfive your solution works! @shakee93 could we get this solution in the official release, so i dont have to maintain my own ‘fix’-version? 😃

[juljupy]

Hi, hope you all are doing well.

I was facing the same issue, I’m using vue-toasted v. 1.1.27 and I did this to make it work:

import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { library, dom } from '@fortawesome/fontawesome-svg-core'
import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons'
library.add(faExclamationTriangle)
dom.watch() // This was the line that did the trick
Vue.component('font-awesome-icon', FontAwesomeIcon)

// Then I use it this way
this.$toasted.show('Ocurrió un error',{
    type: 'error',
    icon : {
        name: 'fas fa-exclamation-triangle'
    }
})

Hope it helps!