Update

src/components/Navbar.svelte

@@ -23,9 +23,14 @@
     import {t} from "astro-i18n";
     import {l} from "../util/util";
     import {onMount} from "svelte";
+  interface Props {
+    logo?: import('svelte').Snippet;
+  }
 
-    let navbar: HTMLDivElement;
-    let searchOpen = false;
+  let { logo }: Props = $props();
+
+    let navbar: HTMLDivElement = $state();
+    let searchOpen = $state(false);
 
     onMount(() => {
         handleScroll();
@@ -40,12 +45,12 @@
     }
 </script>
 
-<svelte:window on:scroll={handleScroll}/>
+<svelte:window onscroll={handleScroll}/>
 
 <nav data-pagefind-ignore class="fixed top-0 left-0 right-0 sm:px-4 py-1 transition-colors z-10 flex justify-center before:backdrop-blur before:shadow-2xl before:absolute before:top-0 before:left-0 before:bottom-0 before:right-0 before:-z-10 before:scale-y-0 before:transition-transform before:origin-top"  bind:this={navbar}>
     <div class="flex flex-row items-center justify-evenly md:justify-between match">
         <a class="flex items-center" href={l("/")}>
-            <slot name="logo"></slot>
+            {@render logo?.()}
             <span class="text-2xl uppercase font-bold dark:text-white hidden md:inline-block">
                 {t("navbar.title")}
                 <span class="before:scale-y-100" style="display: none" aria-hidden="true"></span>
@@ -115,7 +120,7 @@
 
 {#if searchOpen}
     {#await import("./SearchComponent.svelte") then c}
-        <svelte:component this={c.default} bind:open={searchOpen} />
+        <c.default bind:open={searchOpen} />
     {/await}
 {/if}