Switch to Svelte

frontend/src/lib/Counter.svelte

@@ -0,0 +1,5 @@
+<script>
+  let count = $state(0)
+</script>
+
+<button type="button" class="counter" onclick={() => count++}>Count is {count}</button>

frontend/src/lib/api.js

@@ -0,0 +1,23 @@
+export async function apiRequest(endpoint, method = 'GET', data = null) {
+    const options = {
+        method,
+        headers: {},
+    };
+
+    if (data) {
+        options.headers['Content-Type'] = 'application/x-www-form-urlencoded';
+        options.body = new URLSearchParams(data).toString();
+    }
+
+    const res = await fetch(`/api${endpoint}`, options);
+    if (!res.ok) {
+        let msg = res.statusText;
+        try {
+            const errBody = await res.json();
+            if (errBody.error) msg = errBody.error;
+            else if (errBody.detail) msg = errBody.detail;
+        } catch(e) {}
+        throw new Error(msg);
+    }
+    return res.json();
+}