Answers for "add icons to font awesome vuejs 3"

add font awesome to vue

// import required libraries
npm install --save @fortawesome/fontawesome-svg-core 
npm install --save @fortawesome/free-solid-svg-icons
npm i --save @fortawesome/vue-fontawesome@prerelease

//in main.js include the following
import { library } from '@fortawesome/fontawesome-svg-core';
import { fas } from '@fortawesome/free-solid-svg-icons';
library.add(fas);

//include the fontawesome icons in the createApp function 
createApp(App).use(store).use(router).mount('#app').component('fa', FontAwesomeIcon);

vue font awesome icons

<!-- The solid style is implicit -->
<font-awesome-icon icon="user-secret" />

<!-- It's better to be explicit -->
<!-- Don't forget to bind the property with ":" (we forget all the time!) -->
<font-awesome-icon :icon="['fas', 'user-secret']" />