server-worklog/frontend/app/layouts/default.vue

38 lines
803 B
Vue

<script setup>
const { token, loadToken, logout } = useAuth()
const router = useRouter()
if (process.client) {
loadToken()
}
function doLogout() {
logout()
router.push("/login")
}
</script>
<template>
<div>
<header class="p-4 bg-white shadow flex justify-between">
<nav class="flex gap-4">
<NuxtLink to="/">Dashboard</NuxtLink>
<NuxtLink to="/owners">Owners</NuxtLink>
<NuxtLink to="/servers">Servers</NuxtLink>
<NuxtLink to="/workentries">Work Entries</NuxtLink>
</nav>
<div>
<button
v-if="token"
@click="doLogout"
class="text-red-600 hover:underline"
>
Logout
</button>
</div>
</header>
<main class="p-6">
<NuxtPage />
</main>
</div>
</template>