migrate sveltekit tutorial

Author: dummdidumm

apps/svelte.dev/content/tutorial/03-sveltekit/02-routing/02-layouts/+assets/app-b/src/routes/+layout.svelte

@@ -1,6 +1,10 @@
+<script>
+	let { children } = $props();
+</script>
+
 <nav>
 	<a href="/">home</a>
 	<a href="/about">about</a>
 </nav>
 
-<slot />
+{@render children?.()}

apps/svelte.dev/content/tutorial/03-sveltekit/02-routing/03-params/+assets/app-a/src/routes/+layout.svelte

@@ -1,6 +1,10 @@
+<script>
+	let { children } = $props();
+</script>
+
 <nav>
 	<a href="/">home</a>
 	<a href="/blog">blog</a>
 </nav>
 
-<slot />
+{@render children?.()}

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/01-page-data/+assets/app-a/src/routes/+layout.svelte

@@ -1,6 +1,10 @@
+<script>
+	let { children } = $props();
+</script>
+
 <nav>
 	<a href="/">home</a>
 	<a href="/blog">blog</a>
 </nav>
 
-<slot />
+{@render children?.()}

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/01-page-data/+assets/app-a/src/routes/blog/[slug]/+layout.svelte

@@ -1,10 +1,10 @@
 <script>
-	export let data;
+	let { data, children } = $props();
 </script>
 
 <div class="layout">
 	<main>
-		<slot />
+		{@render children?.()}
 	</main>
 </div>
 

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/01-page-data/+assets/app-b/src/routes/blog/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	export let data;
+	let { data } = $props();
 </script>
 
 <h1>blog</h1>

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/01-page-data/+assets/app-b/src/routes/blog/[slug]/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	export let data;
+	let { data } = $props();
 </script>
 
 <h1>{data.post.title}</h1>

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/+assets/app-b/src/routes/blog/[slug]/+layout.svelte

@@ -1,10 +1,10 @@
 <script>
-	export let data;
+	let { data, children } = $props();
 </script>
 
 <div class="layout">
 	<main>
-		<slot />
+		{@render children?.()}
 	</main>
 
 	<aside>

apps/svelte.dev/content/tutorial/03-sveltekit/04-headers-and-cookies/02-cookies/+assets/app-a/src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	export let data;
+	let { data } = $props();
 </script>
 
 <h1>Hello {data.visited ? 'friend' : 'stranger'}!</h1>

apps/svelte.dev/content/tutorial/03-sveltekit/05-shared-modules/01-lib/+assets/app-a/src/routes/+layout.svelte

@@ -1,6 +1,10 @@
+<script>
+	let { children } = $props();
+</script>
+
 <nav>
 	<a href="/">home</a>
 	<a href="/a/deeply/nested/route">a deeply nested route</a>
 </nav>
 
-<slot />
+{@render children?.()}

apps/svelte.dev/content/tutorial/03-sveltekit/06-forms/01-the-form-element/+assets/app-a/src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script>
-	export let data;
+	let { data } = $props();
 </script>
 
 <div class="centered">