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/(app)/me | |
| 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/(app)/me')
| -rw-r--r-- | ui/routes/(app)/me/+page.svelte | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/ui/routes/(app)/me/+page.svelte b/ui/routes/(app)/me/+page.svelte index 26537ad..4531a91 100644 --- a/ui/routes/(app)/me/+page.svelte +++ b/ui/routes/(app)/me/+page.svelte @@ -3,15 +3,16 @@ import Invites from '$lib/components/Invites.svelte'; - let currentPassword = '', - newPassword = '', - confirmPassword = '', + let currentPassword = $state(''), + newPassword = $state(''), + confirmPassword = $state(''), passwordForm; - let pending = false; - $: valid = newPassword === confirmPassword && newPassword !== currentPassword; - $: disabled = pending || !valid; + let pending = $state(false); + let valid = $derived(newPassword === confirmPassword && newPassword !== currentPassword); + let disabled = $derived(pending || !valid); - async function onPasswordChange() { + async function onPasswordChange(event) { + event.preventDefault(); pending = true; let response = await changePassword(currentPassword, newPassword); switch (response.status) { @@ -23,7 +24,7 @@ } </script> -<form on:submit|preventDefault={onPasswordChange} bind:this={passwordForm}> +<form onsubmit={onPasswordChange} bind:this={passwordForm}> <label >current password <input |