fix: optimize CSS

components/Footer.vue

@@ -0,0 +1,41 @@
+<template>
+  <footer class="Footer flex-col default-gap">
+      <ul class="sitemap default-gap">
+        <li v-for="{ label, ...rest} in nav" :key="label">
+          <NuxtLink v-bind="rest">{{label}}</NuxtLink>
+        </li>
+      </ul>
+    <p>Natürlich ohne Cookies und Tracker.</p>
+    <p>&copy; 2024 by <a href="https://webfussel.de">webfussel</a></p>
+  </footer>
+</template>
+
+<script lang="ts" setup>
+const nav = [
+  {
+    to: `/#intro`,
+    label: 'Über mich',
+    'aria-label': 'Link dieser Seite: Über mich'
+  }, {
+    to: `/#skills`,
+    label: 'Meine Expertise',
+    'aria-label': 'Link dieser Seite: Meine Expertis'
+  }, {
+    to: `/#customers`,
+    label: 'Kunden',
+    'aria-label': 'Link dieser Seite: Kunden'
+  }, {
+    to: `/#services`,
+    label: 'Services',
+    'aria-label': 'Link dieser Seite: Services'
+  }, {
+    to: `/#network`,
+    label: 'Mein Netzwerk',
+    'aria-label': 'Link dieser Seite: Mein Netzwerk'
+  }, {
+    to: '/imp',
+    label: 'Impressum',
+    'aria-label': 'Link dieser Seite: Impressum'
+  }
+]
+</script>