Set up fontawesome icons (v6)

resources/js_vue3/app.js

@@ -3,10 +3,10 @@ import '/resources/js_vue3/assets/app.scss';
 import { createApp } from 'vue'
 import { i18nVue } from 'laravel-vue-i18n'
 // import { createPinia } from 'pinia'
-
 import App from './App.vue'
 import router from './router'
 import Notifications from '@kyvg/vue3-notification'
+import FontAwesomeIcon from './icons'
 
 const app = createApp(App)
 
@@ -29,4 +29,6 @@ app.use(i18nVue, {
 })
 app.use(Notifications)
 
+app.component('font-awesome-icon', FontAwesomeIcon)
+
 app.mount('#app')

resources/js_vue3/icons.js

@@ -0,0 +1,97 @@
+// import Vue from 'vue'
+
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+
+import {
+    faPlus,
+    faPlusCircle,
+    faQrcode,
+    faImage,
+    faTrash,
+    faCheck,
+    faCheckSquare,
+    faTimes,
+    faLock,
+    faLockOpen,
+    faSearch,
+    faEllipsisH,
+    faBars,
+    faSpinner,
+    faCaretDown,
+    faLayerGroup,
+    faMinusCircle,
+    faExclamationCircle,
+    faPenSquare,
+    faTh,
+    faList,
+    faTimesCircle,
+    faUpload,
+    faGlobe,
+    faBook,
+    faFlask,
+    faCode,
+    faCopy,
+    faSortAlphaDown,
+    faSortAlphaUp,
+    faEye,
+    faEyeSlash,
+    faExternalLinkAlt,
+    faCamera,
+    faFileDownload,
+    faSun,
+    faMoon,
+    faDesktop,
+    faCircleNotch
+} from '@fortawesome/free-solid-svg-icons'
+
+import {
+    faGithubAlt
+} from '@fortawesome/free-brands-svg-icons'
+
+library.add(
+    faPlus,
+    faPlusCircle,
+    faQrcode,
+    faImage,
+    faTrash,
+    faCheck,
+    faCheckSquare,
+    faTimes,
+    faLock,
+    faLockOpen,
+    faSearch,
+    faEllipsisH,
+    faBars,
+    faSpinner,
+    faGithubAlt,
+    faCaretDown,
+    faLayerGroup,
+    faMinusCircle,
+    faExclamationCircle,
+    faPenSquare,
+    faTh,
+    faList,
+    faTimesCircle,
+    faUpload,
+    faGlobe,
+    faBook,
+    faFlask,
+    faCode,
+    faCopy,
+    faSortAlphaDown,
+    faSortAlphaUp,
+    faEye,
+    faEyeSlash,
+    faExternalLinkAlt,
+    faCamera,
+    faFileDownload,
+    faSun,
+    faMoon,
+    faDesktop,
+    faCircleNotch
+);
+
+export default FontAwesomeIcon
+
+// Vue.component('font-awesome-icon', FontAwesomeIcon)