diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2024-11-03 15:33:43 -0500 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2024-11-03 15:33:43 -0500 |
| commit | 30fa0c4c1faece6b054105fe3cce5107f24a2fa2 (patch) | |
| tree | 6b66eec84a702103f368f6a5ba0e96736fc56fd6 /ui/routes/(login)/setup/+page.svelte | |
| parent | f2285a52822fbd1d82a24fe3b51c4343dc9e9ae6 (diff) | |
Svelte 5: go through and use runes in components, pages, and layouts.
Does not use runes in stores (yet).
Diffstat (limited to 'ui/routes/(login)/setup/+page.svelte')
| -rw-r--r-- | ui/routes/(login)/setup/+page.svelte | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/ui/routes/(login)/setup/+page.svelte b/ui/routes/(login)/setup/+page.svelte index 2f098ef..f95403f 100644 --- a/ui/routes/(login)/setup/+page.svelte +++ b/ui/routes/(login)/setup/+page.svelte @@ -4,12 +4,13 @@ import LogIn from '$lib/components/LogIn.svelte'; - let username = '', - password = ''; + let username = $state(''), + password = $state(''); let pending = false; - $: disabled = pending; + let disabled = $derived(pending); - async function onSubmit() { + async function onSubmit(event) { + event.preventDefault(); pending = true; const response = await setup(username, password); if (200 <= response.status && response.status < 300) { @@ -21,4 +22,4 @@ } </script> -<LogIn bind:disabled bind:username bind:password legend="set up" on:submit={onSubmit} /> +<LogIn {disabled} bind:username bind:password legend="set up" onsubmit={onSubmit} /> |