Svelte Render Update for Svelte 5 Compatibility

Updating the Svelte render for compatibility with the latest Svelte 5.0 release. [Svelte 5 introduced a breaking change](sveltejs/svelte#10516) removing `createRoot`. Instead, `mount` should be used and properties passed should be wrapped in a `$state` rune.
mstachowiak · Mar 1, 2024 · 538fd57 · 538fd57
1 parent 075f911
commit 538fd57
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/code/renderers/svelte/src/render.ts → code/renderers/svelte/src/render.svelte.ts b/code/renderers/svelte/src/render.ts → code/renderers/svelte/src/render.svelte.ts
@@ -35,9 +35,10 @@ function teardown(canvasElement: SvelteRenderer['canvasElement']) {
 function createRoot(target: HTMLElement, props: any) {
   if ((svelte as any).createRoot) {
     // Svelte v5
-    return (svelte as any).createRoot(PreviewRender, {
+    const statefulProps = $state(props);
+    return (svelte as any).mount(PreviewRender, {
       target,
-      props,
+      statefulProps,
     });
   }
   // Svelte v4