update md files, tweak code, migrate to SvelteKit 2 (remove throw from error/redirect)

Author: dummdidumm

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

@@ -7,4 +7,4 @@
 	<a href="/about">about</a>
 </nav>
 
-{@render children?.()}
+{@render children()}

apps/svelte.dev/content/tutorial/03-sveltekit/02-routing/02-layouts/index.md

@@ -14,16 +14,20 @@ src/routes/
 └ +page.svelte
 ```
 
-...and move the duplicated content from the `+page.svelte` files into the new `+layout.svelte` file. The `<slot></slot>` element is where the page content will be rendered:
+...and move the duplicated content from the `+page.svelte` files into the new `+layout.svelte` file. The `{@render children()}` tag is where the page content will be rendered:
 
 ```svelte
 /// file: src/routes/+layout.svelte
+<script>
+	let { children } = $props();
+</script>
+
 <nav>
 	<a href="/">home</a>
 	<a href="/about">about</a>
 </nav>
 
-<slot></slot>
+{@render children()}
 ```
 
 A `+layout.svelte` file applies to every child route, including the sibling `+page.svelte` (if it exists). You can nest layouts to arbitrary depth.

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

@@ -7,4 +7,4 @@
 	<a href="/blog">blog</a>
 </nav>
 
-{@render children?.()}
+{@render children()}

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

@@ -7,4 +7,4 @@
 	<a href="/blog">blog</a>
 </nav>
 
-{@render children?.()}
+{@render children()}

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

@@ -4,7 +4,7 @@
 
 <div class="layout">
 	<main>
-		{@render children?.()}
+		{@render children()}
 	</main>
 </div>
 

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

@@ -4,7 +4,7 @@ import { posts } from '../data.js';
 export function load({ params }) {
 	const post = posts.find((post) => post.slug === params.slug);
 
-	if (!post) throw error(404);
+	if (!post) error(404);
 
 	return {
 		post

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/01-page-data/index.md

@@ -34,7 +34,7 @@ We can access this data in `src/routes/blog/+page.svelte` via the `data` prop:
 ```svelte
 /// file: src/routes/blog/+page.svelte
 +++<script>
-	export let data;
+	let { data } = $props();
 </script>+++
 
 <h1>blog</h1>
@@ -67,7 +67,7 @@ export function load({ params }) {
 ```svelte
 /// file: src/routes/blog/[slug]/+page.svelte
 +++<script>
-	export let data;
+	let { data } = $props();
 </script>+++
 
 ---<h1>blog post</h1>---
@@ -85,7 +85,7 @@ import { posts } from '../data.js';
 export function load({ params }) {
 	const post = posts.find((post) => post.slug === params.slug);
 
-	+++if (!post) throw error(404);+++
+	+++if (!post) error(404);+++
 
 	return {
 		post

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

@@ -4,7 +4,7 @@
 
 <div class="layout">
 	<main>
-		{@render children?.()}
+		{@render children()}
 	</main>
 
 	<aside>

apps/svelte.dev/content/tutorial/03-sveltekit/03-loading-data/02-layout-data/index.md

@@ -14,12 +14,12 @@ Now, add a sidebar in the layout for the post page:
 ```svelte
 /// file: src/routes/blog/[slug]/+layout.svelte
 <script>
-	export let data;
+	let { data, children } = $props();
 </script>
 
 <div class="layout">
 	<main>
-		<slot></slot>
+		{@render children()}
 	</main>
 
 +++	<aside>

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

@@ -7,4 +7,4 @@
 	<a href="/a/deeply/nested/route">a deeply nested route</a>
 </nav>
 
-{@render children?.()}
+{@render children()}