1 files changed, 16 insertions, 0 deletions
diff --git a/plugins/fontawesome.ts b/plugins/fontawesome.ts
new file mode 100644
index 0000000..a6a1a85
--- /dev/null
+++ b/plugins/fontawesome.ts
@@ -0,0 +1,16 @@
+import { library, config } from '@fortawesome/fontawesome-svg-core'
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { fas } from '@fortawesome/free-solid-svg-icons'
+import { far } from '@fortawesome/free-regular-svg-icons'
+
+// This is important, we are going to let Nuxt worry about the CSS
+config.autoAddCss = false
+
+// You can add your icons directly in this plugin. See other examples for how you
+// can add other styles or just individual icons.
+library.add(fas)
+library.add(far)
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component('font-awesome-icon', FontAwesomeIcon, {})
+})