Update frontend composables (format)

frontend/composables/fetch.ts

@@ -3,25 +3,25 @@ import type { UseFetchOptions } from 'nuxt/app'
 const config = useRuntimeConfig()
 
 const useCustomFetch = async <T>(
-    path: string,
+	path: string,
-    options: UseFetchOptions<T> = {}
+	options: UseFetchOptions<T> = {}
 ) => {
-    let headers: any = {}
+	let headers: any = {}
-    const token = useCookie('XSRF-TOKEN')
+	const token = useCookie('XSRF-TOKEN')
 
-    if (token.value) {
+	if (token.value) {
-        headers['X-XSRF-TOKEN'] = token.value as string
+		headers['X-XSRF-TOKEN'] = token.value as string
-    }
+	}
 
-    return useFetch(config.public.laravelApi + path, {
+	return useFetch(config.public.laravelApi + path, {
-        credentials: 'include',
+		credentials: 'include',
-        watch: false,
+		watch: false,
-        ...options,
+		...options,
-        headers: {
+		headers: {
-            ...headers,
+			...headers,
-            ...options?.headers,
+			...options?.headers,
-        },
+		},
-    })
+	})
 }
 
 export { useCustomFetch }

frontend/composables/user.ts

@@ -1,58 +1,58 @@
 import { z } from 'zod'
 
 const userSchema = z.object({
-    email: z.string().email(),
+	email: z.string().email(),
-    password: z.string().min(6),
+	password: z.string().min(6),
 })
 
 const loggedInUserSchema = z.object({
-    name: z.string(),
+	name: z.string(),
 })
 
 const userLogin = async (email: String, password: String) => {
-    await getUser()
+	await getUser()
-    if (useUser().value) return
+	if (useUser().value) return
 
-    const user = userSchema.safeParse({ email, password })
+	const user = userSchema.safeParse({ email, password })
 
-    if (!user.success) return user.error.format()
+	if (!user.success) return user.error.format()
 
-    await useCustomFetch('/sanctum/csrf-cookie')
+	await useCustomFetch('/sanctum/csrf-cookie')
-    await useCustomFetch('/login', { method: 'POST', body: user.data })
+	await useCustomFetch('/login', { method: 'POST', body: user.data })
 
-    await getUser()
+	await getUser()
 }
 
 const newUserSchema = z.object({
-    name: z.string(),
+	name: z.string(),
-    email: z.string().email(),
+	email: z.string().email(),
-    password: z.string().min(6),
+	password: z.string().min(6),
-    password_confirmation: z.string().min(6),
+	password_confirmation: z.string().min(6),
 })
 
 const userSignup = async (data: unknown) => {
-    const newUser = newUserSchema.safeParse(data)
+	const newUser = newUserSchema.safeParse(data)
 
-    if (!newUser.success) return newUser.error.format()
+	if (!newUser.success) return newUser.error.format()
 
-    await useCustomFetch('/register', { method: 'POST', body: newUser.data })
+	await useCustomFetch('/register', { method: 'POST', body: newUser.data })
 
-    await getUser()
+	await getUser()
 }
 
 const getUser = async () => {
-    const { data, error } = await useCustomFetch('/api/user')
+	const { data, error } = await useCustomFetch('/api/user')
 
-    if (error.value) return
+	if (error.value) return
 
-    const parsed = loggedInUserSchema.safeParse(data.value)
+	const parsed = loggedInUserSchema.safeParse(data.value)
-    if (!parsed.success) return
+	if (!parsed.success) return
-    useUser().value = parsed.data.name
+	useUser().value = parsed.data.name
 }
 
 const userLogout = async () => {
-    await useCustomFetch('/logout', { method: 'POST' })
+	await useCustomFetch('/logout', { method: 'POST' })
-    useUser().value = ''
+	useUser().value = ''
 }
 
 const useUser = () => useState<String>('user', () => '')

frontend/composables/utils.ts

@@ -1,5 +1,5 @@
 const openUrl = (url: string) => {
-    window.open(url, '_blank')
+	window.open(url, '_blank')
 }
 
 export { openUrl }