feat: add authenticated admin shell

2026-09-08 22:25:29 -04:00
parent a21d1ae854
commit 86c60f9381
10 changed files with 182 additions and 1 deletions
@@ -0,0 +1,36 @@
+<script setup>
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { useAuth } from '@/composables/useAuth.js';
+
+const router = useRouter();
+const { signIn, isLoading, error } = useAuth();
+const email = ref('');
+const password = ref('');
+
+async function submit() {
+  try {
+    await signIn(email.value, password.value);
+    await router.push({ name: 'admin-home' });
+  } catch {
+    // Error is exposed by the auth composable for the live form state.
+  }
+}
+</script>
+
+<template>
+  <main class="auth-page">
+    <form class="auth-panel" @submit.prevent="submit">
+      <p class="catalog-kicker">Private workspace</p>
+      <h1>Sign in</h1>
+      <p class="detail-notes">Manage your collection, images, and listings.</p>
+      <label class="fixture-label" for="admin-email">Email</label>
+      <input id="admin-email" v-model="email" class="fixture-input" type="email" autocomplete="username" required />
+      <label class="fixture-label" for="admin-password">Password</label>
+      <input id="admin-password" v-model="password" class="fixture-input" type="password" autocomplete="current-password" required />
+      <p v-if="error" class="state state--error" role="alert">{{ error.message }}</p>
+      <button class="button button--primary" type="submit" :disabled="isLoading">{{ isLoading ? 'Signing in...' : 'Sign in' }}</button>
+    </form>
+  </main>
+</template>