frontend: Migrate to Svelte 5

1 files changed, 18 insertions, 4 deletions

diff --git a/frontend/src/lib/tabs/Tab.svelte b/frontend/src/lib/tabs/Tab.svelte
index cddd072..f8dc67c 100644
--- a/frontend/src/lib/tabs/Tab.svelte
+++ b/frontend/src/lib/tabs/Tab.svelte
@@ -1,14 +1,28 @@
 <script lang="ts">
-	import { getTabContext } from '$lib/Tabs';
 	import { fadeDefault } from '$lib/Transitions';
+	import type { Snippet } from 'svelte';
 	import { fade } from 'svelte/transition';
+	import { getTabContext } from './Tabs.svelte';
+
+	interface Props {
+		id: string;
+		title: string;
+		initial?: boolean;
+		children: Snippet;
+	}
+
+	let { id, title, initial = false, children }: Props = $props();
 
 	const context = getTabContext();
-	export let id: string;
+
+	context.tabs = { ...context.tabs, [id]: { title } };
+	if (initial) {
+		context.current = id;
+	}
 </script>
 
-{#if $context.current === id}
+{#if context.current === id}
 	<div class="h-full overflow-auto py-2 pe-3 ps-1" in:fade={fadeDefault}>
-		<slot />
+		{@render children?.()}
 	</div>
 {/if}