refactor: small refact on app bootstrap files

src/bootstrap.ts

@@ -0,0 +1,49 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+import { autoAnimatePlugin } from '@formkit/auto-animate/vue'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+
+export default class Bootstrap {
+  protected app
+
+  constructor(app: App) {
+    this.app = app
+  }
+
+  addAutoAnimate() {
+    this.app.use(autoAnimatePlugin)
+
+    return this
+  }
+
+  addPinia() {
+    const pinia = createPinia()
+
+    this.app.use(pinia)
+
+    return this
+  }
+
+  addFontAwesome() {
+    this.app.component('FWIcon', FontAwesomeIcon)
+
+    return this
+  }
+
+  addGlobalComponents() {
+    const components = import.meta.glob('./**/App*.vue', {
+      eager: true,
+    })
+
+    Object.entries(components).forEach(([path, definition]: [string, any]) => {
+      const componentName = path
+        .split('/')
+        .pop()!
+        .replace(/\.\w+$/, '')
+
+      this.app.component(componentName, definition.default)
+    })
+
+    return this
+  }
+}

src/libs/fontawesome.ts

@@ -1,5 +1,3 @@
-import type { App } from 'vue'
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { library } from '@fortawesome/fontawesome-svg-core'
 
 import { faGithubAlt } from '@fortawesome/free-brands-svg-icons/faGithubAlt'
@@ -39,9 +37,3 @@ library.add(
   faCircleXmark,
   faCircleCheck,
 )
-
-const registerFontAwesomeComponent = (app: App<Element>) => {
-  app.component('FWIcon', FontAwesomeIcon)
-}
-
-export default registerFontAwesomeComponent

src/main.ts

@@ -1,9 +1,18 @@
 import { createApp } from 'vue'
-import { initResources } from './boot'
+import './css/main.css'
+import './libs/fontawesome'
+
 import App from './App.vue'
+import Bootstrap from './bootstrap'
 
 const app = createApp(App)
+const bootstrap = new Bootstrap(app)
 
-initResources(app)
+// prettier-ignore
+bootstrap
+    .addPinia()
+    .addGlobalComponents()
+    .addAutoAnimate()
+    .addFontAwesome()
 
 app.mount('#app')