feat: migrate to Nuxt 4 (Nitro) and Tailwind CSS v3

app/composables/useWebhook.ts

@@ -0,0 +1,50 @@
+export interface GroupWebhookInfo {
+  url: string;
+  hasSecret: boolean;
+  secret?: string;
+}
+
+export function useWebhookApi() {
+  const loading = ref(false);
+  const error = ref("");
+
+  async function request<T>(path: string, init?: RequestInit): Promise<T> {
+    loading.value = true;
+    error.value = "";
+    try {
+      const res = await fetch(path, {
+        headers: { accept: "application/json" },
+        credentials: "same-origin",
+        ...init,
+      });
+      if (!res.ok) {
+        const data = (await res.json().catch(() => ({}))) as { error?: string };
+        throw new Error(data.error ?? `HTTP ${res.status}`);
+      }
+      return (await res.json()) as T;
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : String(err);
+      throw err;
+    } finally {
+      loading.value = false;
+    }
+  }
+
+  function info(groupId: string): Promise<GroupWebhookInfo> {
+    return request(`/admin/api/groups/${encodeURIComponent(groupId)}/webhook`);
+  }
+
+  function regenerate(groupId: string): Promise<GroupWebhookInfo> {
+    return request(`/admin/api/groups/${encodeURIComponent(groupId)}/webhook/regenerate`, {
+      method: "POST",
+    });
+  }
+
+  function disable(groupId: string): Promise<{ ok: boolean }> {
+    return request(`/admin/api/groups/${encodeURIComponent(groupId)}/webhook`, {
+      method: "DELETE",
+    });
+  }
+
+  return { loading, error, info, regenerate, disable };
+}