diff --git a/frontend/package.json.md5 b/frontend/package.json.md5
new file mode 100755
index 0000000..1388b1f
--- /dev/null
+++ b/frontend/package.json.md5
@@ -0,0 +1 @@
+ecca169d2f4300be13c05467ed335c56
\ No newline at end of file
diff --git a/frontend/src/routes/Home.svelte b/frontend/src/routes/Home.svelte
index 1fb6462..620d7b5 100644
--- a/frontend/src/routes/Home.svelte
+++ b/frontend/src/routes/Home.svelte
@@ -18,8 +18,8 @@
     TableBodyCell,
   } from "flowbite-svelte";
 
-  let name: string;
-  let thingsList: things.Thing[] = [];
+  let name: string = $state();
+  let thingsList: things.Thing[] = $state([]);
 
   function update() {
     GetThings().then((ts) => {
@@ -40,7 +40,7 @@
   onMount(update);
 </script>
 
-<form class="max-w-96 m-5 grid-cols-1 gap-10" on:submit={submit}>
+<form class="max-w-96 m-5 grid-cols-1 gap-10" onsubmit={submit}>
   <div class="m-5">
     <Label for="first_name" class="mb-2">First name</Label>
     <Input type="text" placeholder="John" bind:value={name} required />