<script lang="ts" setup></script>

<template>
  <nav class="bg-lime-900 p-1 px-6">
    <h1 class="font-semibold text-gray-50">⛯ Menu</h1>
    <ul class="text-center li-inline">
      <li>
        <NuxtLink class="font-semibold text-gray-50 hover:text-gray-400 duration-100" to="/about">About</NuxtLink>
      </li>
      <li>
        <NuxtLink class="font-semibold text-gray-50 hover:text-gray-400 duration-100" to="/research">research</NuxtLink>
      </li>
      <li>
        <NuxtLink class="font-semibold text-gray-50 hover:text-gray-400 duration-100" to="/index">index</NuxtLink>
      </li>
    </ul>
  </nav>
</template>

<style scoped></style>
