From cf983ce274da208de808f5dd30e4fef9646dff19 Mon Sep 17 00:00:00 2001
From: Frank Agerholm <frank@agerholm.de>
Date: Sun, 25 Jan 2026 10:58:20 +0100
Subject: [PATCH] first pages

---
 frontend/composeables/useAuth.ts | 15 +++++++++++++++
 frontend/pages/index.vue         |  7 +++++++
 frontend/pages/owners.vue        | 19 +++++++++++++++++++
 3 files changed, 41 insertions(+)
 create mode 100644 frontend/composeables/useAuth.ts
 create mode 100644 frontend/pages/index.vue
 create mode 100644 frontend/pages/owners.vue

diff --git a/frontend/composeables/useAuth.ts b/frontend/composeables/useAuth.ts
new file mode 100644
index 0000000..3acb2c5
--- /dev/null
+++ b/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 }
+}
+
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
new file mode 100644
index 0000000..8a31107
--- /dev/null
+++ b/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>
+
diff --git a/frontend/pages/owners.vue b/frontend/pages/owners.vue
new file mode 100644
index 0000000..1a6bf69
--- /dev/null
+++ b/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>
+