import { ref } from "vue";
import { defineStore } from "pinia";
import type { User } from "@/types";

export const useAuthStore = defineStore("auth", () => {
	const isAuthenticated = ref(false);
	const isLoading = ref(true);
	const user = ref<User | null>(null);

	async function getUser() {
		try {
			const response = await fetch("/api/me");
			const data = await response.json();
			user.value = data.profile;
			isAuthenticated.value = true;
		} catch {}

		isLoading.value = false;
	}

	async function waitForAuth() {
		while (isLoading.value) {
			await getUser();
		}
	}

	return {
		isAuthenticated,
		user,
		getUser,
		waitForAuth,
	};
});