1111

frontend/src/stores/auth.ts

@@ -0,0 +1,60 @@
+import { computed, ref } from "vue";
+import { defineStore } from "pinia";
+import apiClient from "@/api/client";
+import type { AuthenticatedUser, LoginResponse } from "@/types";
+
+const USER_STORAGE_KEY = "live-recorder-user";
+const TOKEN_STORAGE_KEY = "live-recorder-token";
+
+export const useAuthStore = defineStore("auth", () => {
+  const token = ref(localStorage.getItem(TOKEN_STORAGE_KEY) ?? "");
+  const user = ref<AuthenticatedUser | null>(
+    (() => {
+      const raw = localStorage.getItem(USER_STORAGE_KEY);
+      return raw ? (JSON.parse(raw) as AuthenticatedUser) : null;
+    })()
+  );
+
+  const isAuthenticated = computed(() => Boolean(token.value));
+
+  function persistSession(session: LoginResponse) {
+    token.value = session.token;
+    user.value = session.user;
+    localStorage.setItem(TOKEN_STORAGE_KEY, session.token);
+    localStorage.setItem(USER_STORAGE_KEY, JSON.stringify(session.user));
+  }
+
+  function clearSession() {
+    token.value = "";
+    user.value = null;
+    localStorage.removeItem(TOKEN_STORAGE_KEY);
+    localStorage.removeItem(USER_STORAGE_KEY);
+  }
+
+  async function login(username: string, password: string) {
+    const { data } = await apiClient.post<LoginResponse>("/auth/login", {
+      username,
+      password
+    });
+
+    persistSession(data);
+    return data;
+  }
+
+  async function logout() {
+    try {
+      await apiClient.post("/auth/logout");
+    } finally {
+      clearSession();
+    }
+  }
+
+  return {
+    token,
+    user,
+    isAuthenticated,
+    login,
+    logout,
+    clearSession
+  };
+});