Svelte 5: go through and use runes in components, pages, and layouts.

Does not use runes in stores (yet).

1 files changed, 3 insertions, 5 deletions

diff --git a/ui/lib/components/MessageRun.svelte b/ui/lib/components/MessageRun.svelte
index 4894885..23c2186 100644
--- a/ui/lib/components/MessageRun.svelte
+++ b/ui/lib/components/MessageRun.svelte
@@ -2,12 +2,10 @@
 	import { logins, currentUser } from '$lib/store';
 	import Message from '$lib/components/Message.svelte';
 
-	export let sender;
-	export let messages;
+	let { sender, messages } = $props();
 
-	let name;
-	$: name = $logins.get(sender);
-	$: ownMessage = $currentUser.id == sender;
+	let name = $derived($logins.get(sender));
+	let ownMessage = $derived($currentUser !== null && $currentUser.id == sender);
 </script>
 
 <div