<script setup>
import { RouterLink } from 'vue-router'
import MynauiMyna from '~icons/mynaui/myna'
</script>

<template>
  <header>
    <div>
      <div class="flex gap-4 items-center justify-center">
        <h1 class="text-4xl">Vue + Tailwind + MynaUI</h1>
        <mynaui-myna class="size-12" />
      </div>

      <nav class="flex gap-4 text-2xl justify-center my-4">
        <RouterLink class="hover:underline text-green-400" to="/">Home</RouterLink>
        <RouterLink class="hover:underline text-green-400" to="/about">About</RouterLink>
      </nav>
    </div>
  </header>
</template>
