FIX: seo

components/Header/Header.vue

@@ -30,7 +30,7 @@
       <nav>
         <ul class="main-nav">
           <li v-for="({label, ...rest}) in nav" :key="label" @click="isBurgerOpen = false">
-            <a v-bind="rest">{{ label }}</a>
+            <NuxtLink v-bind="rest">{{ label }}</NuxtLink>
           </li>
         </ul>
         <ul class="socials">
@@ -49,12 +49,6 @@
 import LinkedInIcon from 'iconoir/icons/regular/linkedin.svg'
 import MastodonIcon from 'iconoir/icons/regular/mastodon.svg'
 
-type Props = {
-  mainPage ?: boolean
-}
-
-const { mainPage } = defineProps<Props>()
-
 let observer: IntersectionObserver
 const header = ref<HTMLElement | null>(null)
 const headerWrapper = ref<HTMLElement | null>(null)
@@ -67,15 +61,15 @@ const burgerLabel = computed(() => isBurgerOpen.value ? burgerCloseLabel : burge
 
 const nav = [
   {
-    href: `${mainPage ? '/' : ''}#intro`,
+    to: `/#intro`,
     label: 'Über mich',
-    'aria-label': 'Link dieser Seite: About'
+    'aria-label': 'Link dieser Seite: Über mich'
   }, {
-    href: `${mainPage ? '/' : ''}#customers`,
+    to: `/#customers`,
     label: 'Kunden',
     'aria-label': 'Link dieser Seite: Kunden'
   }, {
-    href: `${mainPage ? '/' : ''}#services`,
+    to: `/#services`,
     label: 'Services',
     'aria-label': 'Link dieser Seite: Services'
   }