change between classes font awesome 6 vue js code example

Example: installing fontawesome vue project

//install fontawesome icons
npm install --save-dev @fortawesome/fontawesome-free

//inside main.js add
import '@fortawesome/fontawesome-free/css/all.css'     <------
import '@fortawesome/fontawesome-free/js/all.js'    <------
.
.
.
new Vue({  router,  store,  render: h => h(App),}).$mount('#app')


// you can now use the icons anywhere in your project with the <i>
   <i class="fab fa-2x fa-facebook"></i>
   <i class="fab fa-2x fa-twitter"></i>
   <i class="fab fa-2x fa-instagram"></i>