more basics

vue3/src/vuetify.ts

@@ -1,25 +1,33 @@
-import '@mdi/font/css/materialdesignicons.css'
+import '@fortawesome/fontawesome-free/css/all.css'
 import 'vuetify/styles'
+import {aliases, fa} from 'vuetify/iconsets/fa'
 
 // Composables
-import { createVuetify } from 'vuetify'
+import {createVuetify} from 'vuetify'
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
-  theme: {
-    defaultTheme: 'light',
-    themes: {
-      light: {
-        colors: {
-          primary: '#b98766',
-          secondary: '#b55e4f',
-          success: '#82aa8b',
-          info: '#385f84',
-          warning: '#eaaa21',
-          error: '#a7240e',
+    theme: {
+        defaultTheme: 'light',
+        themes: {
+            light: {
+                colors: {
+                    primary: '#b98766',
+                    secondary: '#b55e4f',
+                    success: '#82aa8b',
+                    info: '#385f84',
+                    warning: '#eaaa21',
+                    error: '#a7240e',
+                },
+            },
+        },
+    },
+    icons: {
+        defaultSet: 'fa',
+        aliases,
+        sets: {
+            fa,
         },
-      },
     },
-  },
 })