ADD: External Imprint

components/Header/Header.vue

@@ -49,6 +49,12 @@
 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)
@@ -61,15 +67,15 @@ const burgerLabel = computed(() => isBurgerOpen.value ? burgerCloseLabel : burge
 
 const nav = [
   {
-    href: '#intro',
+    href: `${mainPage ? '/' : ''}#intro`,
     label: 'Über mich',
     'aria-label': 'Link dieser Seite: About'
   }, {
-    href: '#customers',
+    href: `${mainPage ? '/' : ''}#customers`,
     label: 'Kunden',
     'aria-label': 'Link dieser Seite: Kunden'
   }, {
-    href: '#services',
+    href: `${mainPage ? '/' : ''}#services`,
     label: 'Services',
     'aria-label': 'Link dieser Seite: Services'
   }