initial commit

frontend/src/components/settingsManager.ts

@@ -0,0 +1,29 @@
+import Alpine from 'alpinejs';
+import { getSettings, saveSettings } from '../client';
+import { Settings } from '../types';
+
+Alpine.data('settingsManager', () => ({
+  settings: {} as Settings,
+  loading: false,
+  saved: false,
+  error: '',
+
+  async init() {
+    this.settings = await getSettings();
+  },
+
+  async saveSettings() {
+    this.loading = true;
+    this.saved = false;
+    this.error = '';
+
+    try {
+      await saveSettings(this.settings);
+      this.saved = true;
+    } catch (err) {
+      this.error = String(err);
+    } finally {
+      this.loading = false;
+    }
+  },
+}));