23 lines
792 B
Vue
23 lines
792 B
Vue
<script setup lang="ts">
|
|
const { initTheme, toggle, isDark } = useTheme()
|
|
|
|
onMounted(() => initTheme())
|
|
</script>
|
|
|
|
<template>
|
|
<div class="min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-900 dark:text-slate-100">
|
|
<header class="flex items-center justify-between border-b border-slate-200 px-6 py-4 dark:border-slate-700">
|
|
<NuxtLink to="/" class="text-lg font-semibold">Word Versioning</NuxtLink>
|
|
<button
|
|
type="button"
|
|
class="rounded-md border border-slate-300 px-3 py-1.5 text-sm hover:bg-slate-100 dark:border-slate-600 dark:hover:bg-slate-800"
|
|
@click="toggle"
|
|
>
|
|
{{ isDark ? '☀️ Light' : '🌙 Dark' }}
|
|
</button>
|
|
</header>
|
|
<main class="mx-auto max-w-3xl p-6">
|
|
<NuxtPage />
|
|
</main>
|
|
</div>
|
|
</template>
|