21 lines
595 B
Vue
21 lines
595 B
Vue
<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>
|