first pages

frontend/composeables/useAuth.ts

@@ -0,0 +1,15 @@
+export function useAuth() {
+  const token = useState("token", () => null)
+
+  function setToken(t: string) {
+    token.value = t
+    localStorage.setItem("token", t)
+  }
+
+  function loadToken() {
+    token.value = localStorage.getItem("token")
+  }
+
+  return { token, setToken, loadToken }
+}
+

frontend/pages/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="p-6">
+    <h1 class="text-3xl font-bold">Worklog Dashboard</h1>
+    <p class="mt-4">Willkommen im internen Worklog-System.</p>
+  </div>
+</template>
+

frontend/pages/owners.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+const config = useRuntimeConfig()
+const owners = await $fetch("/owners", {
+  baseURL: config.public.apiBase
+})
+</script>
+
+<template>
+  <div class="p-6">
+    <h1 class="text-2xl font-bold mb-4">Owners</h1>
+
+    <ul class="space-y-2">
+      <li v-for="o in owners" :key="o.id" class="p-3 bg-gray-100 rounded">
+        {{ o.name }}
+      </li>
+    </ul>
+  </div>
+</template>
+