If you're looking for the icon picker, you can find it here: https://github.com/laistomazz/font-awesome-picker
I've tried running it, but unfortunately, the icons are not showing up. When I inspect the elements, the code is there but the icon is missing.
<a href="#" class="item">
<i class="fas fa-arrow-alt-circle-right"></i>
</a>
To install FontAwesome, you need to run these commands:
$ npm i --save @fortawesome/fontawesome-svg-core
$ npm i --save @fortawesome/free-solid-svg-icons
$ npm i --save @fortawesome/free-regular-svg-icons
$ npm i --save @fortawesome/vue-fontawesome@latest
For setting up the library on vanilla Vue, the documentation recommends the following steps:
In your src/main.js file. source: https://fontawesome.com/docs/web/use-with/vue/add-icons
import Vue from 'vue'
import App from './App'
/* import the fontawesome core */
import { library } from '@fortawesome/fontawesome-svg-core'
/* import specific icons */
import { faUserSecret } from '@fortawesome/free-solid-svg-icons'
/* import font awesome icon component */
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
/* add icons to the library */
library.add(faUserSecret)
/* add font awesome icon component */
Vue.component('font-awesome-icon', FontAwesomeIcon)
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
components: { App },
template: '<App/>'
})
As I'm using Nuxt, I imported the component in 'plugins/global-components.js' but the icons still aren't rendering. Can someone assist me with this issue?