"Uncaught TypeError: Object(...) is not a function" on Import

[joaoggnogueira]

i'm following this example on Vue 3

import { library } from '@fortawesome/fontawesome-svg-core'
import { faUserSecret } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'; //error here

library.add(faUserSecret);

Vue.config.productionTip = false
Vue.component('font-awesome-icon', FontAwesomeIcon)

The Vue is crashing, and cannot render anything

Also, i'm using the lastest version of vue-fontawesome dependencies

[thijstriemstra]

same issue here using:

"@fortawesome/fontawesome-svg-core": "^1.2.34",
"@fortawesome/free-brands-svg-icons": "^5.15.2",
"@fortawesome/vue-fontawesome": "^3.0.0-3",

[runxc1]

It seems that there is a major issue with Vue-fontawesome and that it should not be used in a Vue3 project.

vuejs/core#4707

[robmadole]

vuejs/core#4707 is not using the vue-fontawesome component. I've left a comment.

[robmadole]

@joaoggnogueira @thijstriemstra if you can provide a reproducible example we'll be happy to take a look but we need more than a couple of code snippets and a screenshot. I'll re-open this ticket if either of you have time to provide that.