frontend: Migrate to Svelte 5

1 files changed, 7 insertions, 8 deletions

diff --git a/frontend/src/lib/Update.ts b/frontend/src/lib/Update.svelte.ts
index 13aec61..1d684d5 100644
--- a/frontend/src/lib/Update.ts
+++ b/frontend/src/lib/Update.svelte.ts
@@ -4,8 +4,7 @@ import {
 	type UpdateOptions,
 	type UpdateTagInput
 } from '$gql/graphql';
-
-type Key = string | number | symbol;
+import type { Key } from './Utils';
 
 interface AssociationUpdate {
 	ids?: number[] | string[] | null;
@@ -26,10 +25,10 @@ abstract class Entry<K extends Key> {
 }
 
 class Association<K extends Key> extends Entry<K> {
-	ids = [];
-	options = {
+	ids = $state([]);
+	options = $state({
 		mode: UpdateMode.Add
-	};
+	});
 
 	constructor(key: K) {
 		super(key);
@@ -47,7 +46,7 @@ class Association<K extends Key> extends Entry<K> {
 }
 
 class Enum<K extends Key> extends Entry<K> {
-	value?: string = undefined;
+	value?: string = $state(undefined);
 
 	constructor(key: K) {
 		super(key);
@@ -65,13 +64,13 @@ class Enum<K extends Key> extends Entry<K> {
 }
 
 abstract class Controls<I> {
-	toInput() {
+	input() {
 		const input = {} as I;
 		Object.values(this).forEach((v: Entry<keyof I>) => v.integrate(input));
 		return input;
 	}
 
-	hasInput() {
+	pending() {
 		return Object.values(this).some((i: Entry<keyof I>) => i.hasInput());
 	}
 }