<style src="./Globals.css" />

<template>
  <section>
    <NuxtPage />
  </section>
</template>

<script setup>
const tags = [
  'webfussel',
  'web',
  'fussel',
  'webentwicklung',
  'webentwickler',
  'vue',
  'nuxt',
  'javascript',
  'typescript',
  'scss',
  'css',
  'html',
  'karlsruhe',
  'freelance',
  'freelancer',
  'freiberuflich',
  'remote',
  'home office',
  'api',
  'components'
]

useHead({
  title: 'webfussel | mehr Fussel im Web',
  htmlAttrs: {
    lang: 'de'
  },
  meta: [
    {
      name: 'description',
      content: 'webfussel ist eine Webentwicklerin aus Baden-Württemberg. Sie entwickelt Komponenten, Applikationen und APIs.'
    },
    {
      name: 'keywords',
      content: tags.join(',')
    },
    {
      name: 'author',
      content: 'webfussel'
    },
    {
      name: 'robots',
      content: 'index, follow'
    },
  ],
  link: [
    { rel: 'preload', href: '/img/profile_big.webp', type: 'image/webp' },
    { rel: 'preload', href: '/img/profile_small.webp', type: 'image/webp' },
    { rel: 'preload', as: 'font', href: '/opensans.woff2', type: 'font/woff2' },
    { rel: 'preload', as: 'font', href: '/roboto_con_bold.woff2', type: 'font/woff2' },
    { rel: 'preload', as: 'font', href: '/roboto_con_reg.woff2', type: 'font/woff2' },
  ]
})
</script>
