phase 0

web/app/app.vue

@@ -0,0 +1,23 @@
+<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>