1 files changed, 21 insertions, 8 deletions
diff --git a/src/lib/Loading/Message.svelte b/src/lib/Loading/Message.svelte
index 5aabec9c..c940a452 100644
--- a/src/lib/Loading/Message.svelte
+++ b/src/lib/Loading/Message.svelte
@@ -4,12 +4,25 @@
   import Grid from './Grid.svelte';
   import Popup from '$lib/Layout/Popup.svelte';
 
-  export let message: string | undefined = undefined;
-  export let loader: 'ellipsis' | 'ripple' | 'grid' = 'ellipsis';
-  export let colour = 'var(--fg)';
-  export let slot = false;
-  export let withReload = false;
-  export let fullscreen = true;
+  interface Props {
+    message?: string | undefined;
+    loader?: 'ellipsis' | 'ripple' | 'grid';
+    colour?: string;
+    slot?: boolean;
+    withReload?: boolean;
+    fullscreen?: boolean;
+    children?: import('svelte').Snippet;
+  }
+
+  let {
+    message = undefined,
+    loader = 'ellipsis',
+    colour = 'var(--fg)',
+    slot = false,
+    withReload = false,
+    fullscreen = true,
+    children
+  }: Props = $props();
 </script>
 
 <Popup {fullscreen} locked>
@@ -29,10 +42,10 @@
     {:else if slot}
       <br />
 
-      <slot />
+      {@render children?.()}
 
       {#if withReload}
-        Please <a href={'#'} on:click={() => location.reload()}>try again</a> later.
+        Please <a href={'#'} onclick={() => location.reload()}>try again</a> later.
       {/if}
     {/if}
   </div>