Updated to Svelte 5

frontend/src/lib/quiztivity/components/markdown/play.svelte

@@ -5,16 +5,24 @@ SPDX-License-Identifier: MPL-2.0
 -->
 
 <script lang="ts">
+	import { run } from 'svelte/legacy';
+
 	import type { Markdown } from '$lib/quiztivity/types';
 	import DOMPurify from 'dompurify';
 	import { marked } from 'marked';
 	import { browser } from '$app/environment';
 
-	export let data: Markdown | undefined;
+	interface Props {
+		data: Markdown | undefined;
+	}
 
-	let rendered_html = '';
+	let { data }: Props = $props();
 
-	$: rendered_html = browser ? DOMPurify.sanitize(marked.parse(data.markdown ?? '')) : '';
+	let rendered_html = $state('');
+
+	run(() => {
+		rendered_html = browser ? DOMPurify.sanitize(marked.parse(data.markdown ?? '')) : '';
+	});
 </script>
 
 <div class="prose dark:prose-invert">