🌌 Migrate app to svelte-5

2025-02-26 22:28:30 +01:00
parent d9285bbdc0
commit 788f4ffea3
51 changed files with 1512 additions and 1348 deletions
@@ -1,6 +1,11 @@
 <script lang="ts">
+    interface Props {
+        children?: import('svelte').Snippet;
+    }
+
+    let { children }: Props = $props();
 </script>

 <div class="box-border overflow-hidden flex-1">
-    <slot></slot>
+    {@render children?.()}
 </div>
@@ -1,8 +1,13 @@
 <script lang="ts">
+	import WidgetContainer from './WidgetContainer.svelte';
 	import { WidgetComponents, type WidgetContainerConfig, isWidgetConfig } from '$lib/stores/application';
 	import Widget from './Widget.svelte';

-	export let container: WidgetContainerConfig;
+	interface Props {
+		container: WidgetContainerConfig;
+	}
+
+	let { container }: Props = $props();
 </script>

 <div class="w-full h-full flex flex-col overflow-hidden">
@@ -15,9 +20,10 @@
 		{#each container.widgets as widget, index (widget.id + '-' + index)}
 			<Widget>
 				{#if isWidgetConfig(widget)}
-					<svelte:component this={WidgetComponents[widget.component]} {...widget.props} />
+					{@const SvelteComponent = WidgetComponents[widget.component]}
+					<SvelteComponent {...widget.props} />
 				{:else if widget.widgets}
-					<svelte:self container={widget} />
+					<WidgetContainer container={widget} />
 				{/if}
 			</Widget>
 			{#if index !== container.widgets.length - 1}