From 2544de46eed6fd9493eff6e2d41a8aa5d169bf51 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Mon, 4 Nov 2024 01:10:05 -0500
Subject: Retire use of <slot />

---
 ui/routes/(app)/+layout.svelte | 3 ++-
 ui/routes/+layout.svelte       | 9 ++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

(limited to 'ui/routes')

diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte
index 94e4509..ae3dc6a 100644
--- a/ui/routes/(app)/+layout.svelte
+++ b/ui/routes/(app)/+layout.svelte
@@ -11,6 +11,7 @@
 
   let events = null;
 
+  let { children } = $props();
   let loading = $state(true);
   let channel = $derived($page.params.channel);
 
@@ -70,7 +71,7 @@
       </div>
     </nav>
     <main>
-      <slot />
+      {@render children?.()}
     </main>
   </div>
 {/if}
diff --git a/ui/routes/+layout.svelte b/ui/routes/+layout.svelte
index 0477195..d786389 100644
--- a/ui/routes/+layout.svelte
+++ b/ui/routes/+layout.svelte
@@ -8,20 +8,23 @@
 
   import CurrentUser from '$lib/components/CurrentUser.svelte';
 
-  function toggleMenu() {
+  function toggleMenu(event) {
+    event.preventDefault();
     showMenu.update((value) => !value);
   }
 
   onNavigate(() => {
     showMenu.update(() => false);
   });
+
+  let { children } = $props();
 </script>
 
 <div id="app" class="m-0 p-0 h-vh w-full">
   <div class="w-full">
     <AppBar class="app-bar">
       <svelte:fragment slot="lead">
-        <button on:click|preventDefault={toggleMenu} class="cursor-pointer">
+        <button onclick={toggleMenu} class="cursor-pointer">
           <img class="w-8 h-8" alt="logo" src={logo} />
         </button>
       </svelte:fragment>
@@ -34,7 +37,7 @@
     </AppBar>
   </div>
 
-  <slot />
+  {@render children?.()}
 </div>
 
 <style>
-- 
cgit v1.2.3