From 30fa0c4c1faece6b054105fe3cce5107f24a2fa2 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Sun, 3 Nov 2024 15:33:43 -0500
Subject: Svelte 5: go through and use runes in components, pages, and layouts.

Does not use runes in stores (yet).
---
 ui/lib/components/LogIn.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

(limited to 'ui/lib/components/LogIn.svelte')

diff --git a/ui/lib/components/LogIn.svelte b/ui/lib/components/LogIn.svelte
index 4346c47..4e28abe 100644
--- a/ui/lib/components/LogIn.svelte
+++ b/ui/lib/components/LogIn.svelte
@@ -1,12 +1,15 @@
 <script>
-	export let disabled = false;
-	export let username = '';
-	export let password = '';
-	export let legend = 'sign in';
+	let {
+		username = $bindable(),
+		password = $bindable(),
+		legend = 'sign in',
+		disabled,
+		onsubmit
+	} = $props();
 </script>
 
 <div class="card m-4 p-4">
-	<form on:submit|preventDefault>
+	<form {onsubmit}>
 		<label class="label" for="username">
 			username
 			<input
-- 
cgit v1.2.3

