<script setup lang="js">
import { intervalToDuration } from 'date-fns'
import GenericSection from './GenericSection.vue'
const dob = new Date(2006, 11)
const now = new Date()
</script>

<template>
  <GenericSection>
    <template #title>about me</template>
    <template #content>
      <h4 class="font-bold text-xl">
        <span class="font-normal text-3xl">hej! (^^)/</span> i'm Oskar, aka NetMan
      </h4>
      <p>
        age = {{ intervalToDuration({ start: dob, end: now }).years }}; locale = pl_PL.UTF-8 || en
      </p>
      <p>hobbies = ['cycling', 'transit', 'tinkering', 'software'] <br /></p>
      <i> co-admin of </i>
      <a class="link" href="https://mandarynki.eu/">🍊 mandarynki.eu</a>
      <p class="text-sm">my stack, skills, whatever you may call it (^^)":</p>
      <img
        class="h-12"
        alt="skillicons"
        src="https://skillicons.dev/icons?i=js,python,nuxt,tailwind,docker,linux,git,sqlite,ts"
      />
    </template>
  </GenericSection>
</template>
