feat: fill pages

frontend/app/composables/useApi.ts

@@ -0,0 +1,37 @@
+export function useApi() {
+  const config = useRuntimeConfig();
+  const backend = config.public.apiBase;
+  const commonBaseOptions = { baseURL: backend };
+
+  const get = (endpoint, options = {}) =>
+    useFetch(endpoint, {
+      method: 'GET',
+      ...commonBaseOptions,
+      ...options,
+    });
+
+  const post = (endpoint, body, options = {}) =>
+    $fetch(endpoint, {
+      method: 'POST',
+      body,
+      ...commonBaseOptions,
+      ...options,
+    });
+
+  const put = (endpoint, body, options = {}) =>
+    $fetch(endpoint, {
+      body,
+      method: 'PUT',
+      ...commonBaseOptions,
+      ...options,
+    });
+
+  const del = (endpoint, options = {}) =>
+    $fetch(endpoint, {
+      method: 'DELETE',
+      ...commonBaseOptions,
+      ...options,
+    });
+
+  return { get, post, put, del };
+}