Models refactor + Basic functionnalities

resources/js/lib/utils.ts

@@ -1,6 +1,36 @@
+import { useFetch, UseFetchOptions } from '@vueuse/core';
 import { clsx, type ClassValue } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
     return twMerge(clsx(inputs));
 }
+
+
+let csrfInitialized = false
+
+async function ensureCsrf() {
+  if (!csrfInitialized) {
+    await useFetch('/sanctum/csrf-cookie', {
+      credentials: 'include',
+    })
+    csrfInitialized = true
+  }
+}
+
+export async function httpApi<T>(url: string, options?: RequestInit, useFetchOptions?: UseFetchOptions): Promise<{data: T | null, error: any}> {
+    await ensureCsrf();
+
+    const { data, error } = await useFetch(url, {
+            credentials: 'include',
+            ...options,
+        },
+        useFetchOptions
+    ).json();
+
+    if (!error.value && data.value) {
+        return { data: data.value, error: null };
+    } else {
+        return { data: data.value, error: error.value };
+    }
+}