67 lines
1.4 KiB
TypeScript
67 lines
1.4 KiB
TypeScript
import { computed, ref } from 'vue'
|
|
import { defineStore } from 'pinia'
|
|
import { z } from 'zod'
|
|
|
|
import { API_BASE } from '@/utils/apiBase'
|
|
|
|
export const authUserSchema = z.object({
|
|
id: z.number().int().positive(),
|
|
email: z.string().email(),
|
|
})
|
|
|
|
const meResponseSchema = z.object({
|
|
user: authUserSchema,
|
|
})
|
|
|
|
export type AuthUser = z.infer<typeof authUserSchema>
|
|
|
|
export const useAuthStore = defineStore('auth', () => {
|
|
const user = ref<AuthUser | null>(null)
|
|
const loading = ref(false)
|
|
const error = ref<string | null>(null)
|
|
const isAuthenticated = computed(() => user.value !== null)
|
|
|
|
async function fetchMe(): Promise<boolean> {
|
|
loading.value = true
|
|
error.value = null
|
|
|
|
try {
|
|
const response = await fetch(`${API_BASE}/api/me`, {
|
|
method: 'GET',
|
|
credentials: 'include',
|
|
headers: {
|
|
Accept: 'application/json',
|
|
},
|
|
})
|
|
|
|
if (response.status === 200) {
|
|
const responseBody: unknown = await response.json()
|
|
user.value = meResponseSchema.parse(responseBody).user
|
|
|
|
return true
|
|
}
|
|
|
|
user.value = null
|
|
if (response.status !== 401) {
|
|
error.value = 'Unable to restore session'
|
|
}
|
|
|
|
return false
|
|
} catch {
|
|
user.value = null
|
|
error.value = 'Unable to restore session'
|
|
|
|
return false
|
|
} finally {
|
|
loading.value = false
|
|
}
|
|
}
|
|
|
|
return {
|
|
user,
|
|
loading,
|
|
error,
|
|
isAuthenticated,
|
|
fetchMe,
|
|
}
|
|
})
|