Dockerized the application, fixed fonts, improved SEO, upgraded to Nuxt 3.8.2

components/Flooter.vue

@@ -6,8 +6,10 @@ const props = defineProps({
 })
 
 const config = useRuntimeConfig()
-const currentYear = new Date().getFullYear()
+const version = config.public.version
+const buildDate = config.public.buildDate
 
+const currentYear = new Date().getFullYear()
 const mailTemplate = `I've just found a bug on https://enderman.ch and would like to report it.%0D%0A%0D%0AWebsite version: ${
   config.public.version
 }%0D%0ABuild date: ${
@@ -35,8 +37,8 @@ const mailTemplate = `I've just found a bug on https://enderman.ch and would lik
       <a class="link-hi-force-dark" href="https://enderman.ch">Enderman</a>. All
       rights reserved.
       <sub>
-        β{{ config.public.version ? config.public.version : '?.?.?' }} ({{
-          config.public.buildDate ? config.public.buildDate : '1970-01-01'
+        β{{ version ? version : '?.?.?' }} ({{
+          buildDate ? buildDate : '1970-01-01'
         }})
       </sub>
     </span>

components/Navigation.vue

@@ -11,7 +11,20 @@ const pageStore = usePageStore()
 const { pages } = storeToRefs(pageStore)
 
 const links = toRaw(pages.value).filter((page) => page.path !== '/')
-const icons = [aboutIcon, projectIcon, socialIcon]
+const icons = [
+  {
+    src: aboutIcon,
+    alt: 'Information',
+  },
+  {
+    src: projectIcon,
+    alt: 'Blocks',
+  },
+  {
+    src: socialIcon,
+    alt: 'Users',
+  },
+]
 </script>
 
 <template>
@@ -31,8 +44,8 @@ const icons = [aboutIcon, projectIcon, socialIcon]
         <LinkButton
           :path="page.path"
           :name="page.name"
-          :icon="icons[index]"
-          alt="Info"
+          :icon="icons[index].src"
+          :alt="icons[index].alt"
         />
       </li>
     </ul>

components/ThemeToggle.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <button type="button" data-theme-toggle aria-label="Change to light theme">
+    Change to light theme
+  </button>
+</template>