🔧 : configure vue-fontawesone

src/main/client/app/main.js

@@ -1,10 +1,15 @@
 import Vue from 'vue';
+
+import fontawesomeConfig from '@/shared/config/fontawesome-config';
+
 import App from './app.vue';
 import router from './app-routes';
 
+fontawesomeConfig.init();
+
 Vue.config.productionTip = false;
 
 new Vue({
-    router,
-    render: (h) => h(App),
+  router,
+  render: (h) => h(App),
 }).$mount('#app');

src/main/client/app/shared/config/fontawesome-config.js

@@ -0,0 +1,23 @@
+import Vue from 'vue';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import {
+  faLock,
+  faUser,
+} from '@fortawesome/free-solid-svg-icons';
+import {
+  faGithub,
+  faGitlab,
+} from '@fortawesome/free-brands-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+
+export default {
+  init: () => {
+    library.add(
+      faUser,
+      faLock,
+      faGithub,
+      faGitlab,
+    );
+    Vue.component('font-awesome-icon', FontAwesomeIcon);
+  },
+};