Move to appConfig, Vuetify 3

pages/index.vue

@@ -1,13 +1,10 @@
 <script setup lang="ts">
-import { useRuntimeConfig } from '#imports'
-
-const config = useRuntimeConfig()
+const config = useAppConfig()
 const meta = {
   title: 'Enderman',
-  description:
-    'A software engineer, a malware enthusiast and, most importantly, a weird tall creature. I have over 300K subscribers on YouTube and over 20K followers on Twitter.',
+  description: config.description,
   image: 'https://enderman.ch/images/logo.png',
-  url: 'https://enderman.ch/',
+  url: config.url,
 }
 
 useSeoMeta({
@@ -25,7 +22,7 @@ useSeoMeta({
 })
 
 useHead({
-  title: config.public.websiteName ? config.public.websiteName : 'Enderman',
+  title: 'Enderman',
   htmlAttrs: {
     lang: 'en',
   },

pages/social.vue

@@ -1,16 +1,14 @@
 <script setup lang="ts">
-import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-
 const socials = [
   {
     name: 'YouTube',
     url: 'https://go.enderman.ch/youtube',
-    icon: 'youtube',
+    icon: 'youtube-icon',
   },
   {
     name: 'Andrew',
     url: 'https://go.enderman.ch/andrew',
-    icon: 'youtube',
+    icon: 'youtube-icon',
   },
   {
     name: 'Twitch',
@@ -20,7 +18,7 @@ const socials = [
   {
     name: 'TikTok',
     url: 'https://go.enderman.ch/tiktok',
-    icon: 'tiktok',
+    icon: 'tiktok-icon',
   },
   {
     name: 'Twitter',
@@ -35,12 +33,12 @@ const socials = [
   {
     name: 'Discord',
     url: 'https://go.enderman.ch/discord',
-    icon: 'discord',
+    icon: 'discord-icon',
   },
   {
     name: 'GitHub',
     url: 'https://go.enderman.ch/github',
-    icon: 'github',
+    icon: 'github-icon',
   },
   {
     name: 'Steam',
@@ -91,7 +89,6 @@ useHead({
     <h3 class="alex">Online presence</h3>
     <hr />
     <p>
-      <FontAwesomeIcon icon="fa-solid fa-" fixed-width />
       <strong>🚧 This page is currently under construction.</strong> Expect a
       lot more content to be added as time passes.
       <em>Please report all bugs you encounter via the link in the footer</em>,
@@ -104,12 +101,7 @@ useHead({
         <ul class="list-style-type-none p-0">
           <li v-for="(page, index) in socials" :key="index">
             <div class="d-flex flex-row align-items-center gap-1">
-              <ClientOnly>
-                <FontAwesomeIcon
-                  :icon="`fa-brands fa-${page.icon}`"
-                  fixed-width
-                />
-              </ClientOnly>
+              <Icon :name="`logos:${page.icon}`" />
               <a
                 class="link-hi"
                 target="_blank"