more

Author: Rich-Harris

apps/svelte.dev/src/routes/+layout.svelte

@@ -38,11 +38,7 @@
 
 <Shell nav_visible={$page.route.id !== '/(authed)/playground/[id]/embed'}>
 	{#snippet top_nav()}
-		<Nav title={data.nav_title} links={data.nav_links}>
-			{#snippet search()}
-				<Search />
-			{/snippet}
-		</Nav>
+		<Nav title={data.nav_title} links={data.nav_links} />
 	{/snippet}
 
 	{#snippet children()}
@@ -57,10 +53,3 @@
 {#if browser}
 	<SearchBox />
 {/if}
-
-<style>
-	:global(html, body) {
-		height: 100%;
-		width: 100%;
-	}
-</style>

packages/site-kit/src/lib/nav/Nav.svelte

@@ -9,18 +9,17 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	import ThemeToggle from '../components/ThemeToggle.svelte';
 	import Menu from './Menu.svelte';
 	import type { NavigationLink } from '../types';
-	import type { Snippet } from 'svelte';
 	import Dropdown from '../components/Dropdown.svelte';
 	import { HoverMenu } from '../components';
+	import Search from '../search/Search.svelte';
 
 	interface Props {
 		home_title?: string;
 		title: string | undefined;
 		links: NavigationLink[];
-		search?: Snippet;
 	}
 
-	let { home_title = 'Homepage', title, links, search }: Props = $props();
+	let { home_title = 'Homepage', title, links }: Props = $props();
 
 	let visible = $state(true);
 
@@ -102,7 +101,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		</div>
 
 		<div class="menu">
-			{@render search?.()}
+			<Search />
 
 			<div class="external-links">
 				<a href="/chat" data-icon="discord" aria-label="Discord Chat"></a>