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

Does not use runes in stores (yet).

1 files changed, 5 insertions, 7 deletions

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index a82318a..f47e9b6 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -2,14 +2,12 @@
 	import { marked } from 'marked';
 	import DOMPurify from 'dompurify';
 
-	export let at;
-	export let body;
-
-	$: renderedBody = DOMPurify.sanitize(marked.parse(body, { breaks: true }));
-
-	let scroll = (message) => {
+	function scroll(message) {
 		message.scrollIntoView();
-	};
+	}
+
+	let { at, body } = $props();
+	let renderedBody = $derived(DOMPurify.sanitize(marked.parse(body, { breaks: true })));
 </script>
 
 <div class="message relative">