Hey there, I'm a TypeScript newbie and looking to incorporate FontAwesome icons into my Vue 3 App. Here's the setup:
Here is my main.ts :
import Vue, { createApp } from 'vue';
import './registerServiceWorker';
import { library } from '@fortawesome/fontawesome-svg-core';
import { faUserSecret } from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import router from './router';
import store from './store';
import App from './App.vue';
library.add(faUserSecret);
Vue.component('font-awesome-icon', FontAwesomeIcon); // Getting an error here
createApp(App).use(router).use(store).mount('#app');
The error message received is : https://i.stack.imgur.com/iBvng.png
Any suggestions on how to set up the fontawesome component globally? Appreciate your help!