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

<template>
  <main class="flex gap-4">
    <RouterLink class="bg-(--color-blue-600) dark:bg-(--color-blue-500) px-2 py-1 rounded text-white flex items-center shadow-md"
      :to="{ name: 'login' }">Login
    </RouterLink>
    <RouterLink class="bg-(--color-blue-600) dark:bg-(--color-blue-500) px-2 py-1 rounded text-white flex items-center shadow-md"
      :to="{ name: 'register' }">
      Register</RouterLink>
    <RouterLink class="bg-(--color-blue-600) dark:bg-(--color-blue-500) px-2 py-1 rounded text-white flex items-center shadow-md"
      :to="{ name: 'chart' }">Chart
    </RouterLink>
  </main>
</template>
