1 files changed, 17 insertions, 6 deletions
diff --git a/src/lib/Settings/Category.svelte b/src/lib/Settings/Category.svelte
index a5b3e211..aef86d77 100644
--- a/src/lib/Settings/Category.svelte
+++ b/src/lib/Settings/Category.svelte
@@ -1,8 +1,19 @@
 <script lang="ts">
-  export let title = '';
-  export let id = title.toLowerCase();
-  export let open = true;
-  export let newLine = true;
+  interface Props {
+    title?: string;
+    id?: any;
+    open?: boolean;
+    newLine?: boolean;
+    children?: import('svelte').Snippet;
+  }
+
+  let {
+    title = '',
+    id = title.toLowerCase(),
+    open = true,
+    newLine = true,
+    children
+  }: Props = $props();
 </script>
 
 <details {open} {id}>
@@ -10,9 +21,9 @@
     <summary>{title}</summary>
   {/if}
 
-  <slot />
+  {@render children?.()}
 </details>
 
 {#if newLine}
-  <p />
+  <p></p>
 {/if}