<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>
    <div class="notes">
      <p>Natürlich ohne Cookies und Tracker.</p>
      <p>Made with nuxt, typescript & postcss.</p>
    </div>
    <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>
