From 37877a2453d8bb28dfac7182b103f601654de733 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 4 May 2025 16:01:22 +0600
Subject: [PATCH] web/ChangelogEntryWrapper: refactor to svelte 5 style

---
 .../changelog/ChangelogEntryWrapper.svelte    | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/web/src/components/changelog/ChangelogEntryWrapper.svelte b/web/src/components/changelog/ChangelogEntryWrapper.svelte
index 0a2dcd58..e6b5723d 100644
--- a/web/src/components/changelog/ChangelogEntryWrapper.svelte
+++ b/web/src/components/changelog/ChangelogEntryWrapper.svelte
@@ -1,17 +1,24 @@
 <!-- Workaround for https://github.com/pngwn/MDsveX/issues/116 -->
-<script lang="ts" context="module">
+<script lang="ts" module>
     import a from "$components/misc/OuterLink.svelte";
     export { a };
 </script>
 
 <script lang="ts">
     import ChangelogEntry from "$components/changelog/ChangelogEntry.svelte";
-    export let version = '';
-    export let title = '';
-    export let date = '';
-    export let banner = undefined;
+    import type { Snippet } from "svelte";
+
+    type Props = {
+        version: string;
+        title: string;
+        date: string;
+        banner?: any;
+        children: Snippet;
+    }
+
+    const { version, title, date, banner, children }: Props = $props();
 </script>
 
 <ChangelogEntry {version} {title} {date} {banner}>
-    <slot></slot>
+    {@render children?.()}
 </ChangelogEntry>