first commit

app/plugins/fontawesome.ts

@@ -0,0 +1,39 @@
+// SSR-friendly Font Awesome plugin
+// Registers the Vue component and a small set of icons so server-render and client-render match.
+import { library } from '@fortawesome/fontawesome-svg-core'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+// Import a conservative set of icons used in the admin UI
+import {
+  faHouse,
+  faUsers,
+  faCogs,
+  faNewspaper,
+  faTags,
+  faHashtag,
+  faRightFromBracket,
+  faPlus,
+  faWandMagic,
+  faGaugeHigh,
+  faShieldAlt
+} from '@fortawesome/free-solid-svg-icons'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // Add selected icons to the library
+  library.add(
+    faHouse,
+    faUsers,
+    faCogs,
+    faNewspaper,
+    faTags,
+    faHashtag,
+    faRightFromBracket,
+    faPlus,
+    faWandMagic,
+    faGaugeHigh,
+    faShieldAlt
+  )
+
+  // Globally register component
+  nuxtApp.vueApp.component('FontAwesomeIcon', FontAwesomeIcon)
+})
+