font awesome not working correctly with vue cli 3

Question

it was working before in vue2 but now i don't know what's the problem!

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

const app = createApp(App)

// Import Font Awesome Icons
import { library } from '@fortawesome/fontawesome-svg-core'
import { faUserSecret } from '@fortawesome/free-solid-svg-icons'
// import {  } from '@fortawesome/free-brands-svg-icons'
// import { } from '@fortawesome/free-regular-svg-icons'

library.add(faUserSecret)

app.use(store).use(router).mount('#app')

// Use Components
app.component('font-awesome-icon', FontAwesomeIcon)

Vue

<font-awesome-icon icon="user-secret"></font-awesome-icon>

PXJesse · Accepted Answer · 2020-11-18 23:22:03Z

1

Make sure you got the right version of vue-fontawesome! I was having the same problem and installing version 3.x of the vue-fontawesome package solved it for me. It can be installed with NPM as follows:

$ npm i --save @fortawesome/vue-fontawesome@prerelease

Since Vue 3 is still in prerelease at the time of writing, this installation is bound to change in the future. Please check the official Github repo for up to date information.

answered Nov 18, 2020 at 23:22

PXJesse

386 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

NotEngineer Over a year ago

Thank you very much, your answer was the only one that I worked for me!

Collectives™ on Stack Overflow

font awesome not working correctly with vue cli 3

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related