From 19bef79d932923c55076c443ce6c36cec4df5b77 Mon Sep 17 00:00:00 2001
From: Scott Wu <sw@scottwu.ca>
Date: Sat, 1 Feb 2025 08:14:53 +0800
Subject: [PATCH 1/2] add samples

---
 .../svelte/03-template-syntax/06-snippet.md   | 24 +++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/apps/svelte.dev/content/docs/svelte/03-template-syntax/06-snippet.md b/apps/svelte.dev/content/docs/svelte/03-template-syntax/06-snippet.md
index d4ec5a0ce..02587edd5 100644
--- a/apps/svelte.dev/content/docs/svelte/03-template-syntax/06-snippet.md
+++ b/apps/svelte.dev/content/docs/svelte/03-template-syntax/06-snippet.md
@@ -112,6 +112,30 @@ Snippets can reference themselves and each other ([demo](/playground/untitled#H4
 
 ## Passing snippets to components
 
+```svelte
+<Component>...</Component> <!-- uses the children prop -->
+```
+```svelte
+<Component>
+	{#snippet children()}...{/snippet}
+	{#snippet foo()}...{/snippet}
+</Component>
+```
+```svelte
+{#snippet children()}...{/snippet}
+{#snippet foo()}...{/snippet}
+<Component {children} {foo}/>
+```
+
+```svelte
+/// file: Component.svelte
+<script>
+  let { children, foo } = $props();
+</script>
+{@render children()}
+{@render foo()}
+```
+
 Within the template, snippets are values just like any other. As such, they can be passed to components as props ([demo](/playground/untitled#H4sIAAAAAAAAE41SwY6bMBD9lRGplKQlYRMpF5ZF7T_0ttmDwSZYJbZrT9pGlv-9g4Fkk-xhxYV5vHlvhjc-aWQnXJK_-kSxo0jy5IcxSZrg2fSF-yM6FFQ7fbJ1jxSuttJguVd7lEejLcJPVnUCGquPMF9nsVoPjfNnohGx1sohMU4SHbzAa4_t0UNvmcOcGUNDzFP4jeccdikYK2v6sIWQ3lErpui5cDdPF_LmkVy3wlp5Vd5e2U_rHYSe_kYjFtl1KeVnTkljBEIrGBd2sYy8AtsyLlBk9DYhJHtTR_UbBDWybkR8NkqHWyOr_y74ZMNLz9f9AoG6ePkOJLMHLBp-xISvcPf11r0YUuMM2Ysfkgngh5XphUYKkJWU_FFz2UjBkxztSYT0cihR4LOn0tGaPrql439N-7Uh0Dl8MVYbt1jeJ1Fg7xDb_Uw2Y18YQqZ_S2U5FH1pS__dCkWMa3C0uR0pfQRTg89kE4bLLLDS_Dxy_Eywuo1TAnPAw4fqY1rvtH3W9w35ZZMgvU3jq8LhedwkguCHRhT_cMU6eVA5dKLB5wGutCWjlTOslupAxxrxceKoD2hzhe2qbmXHF1v1bbOcNCtW_zpYfVI8h5kQ4qY3mueHTlesW2C7TOEO4hcdwzgf3Nc7cZxUKKC4yuNhvIX_MlV_Xk0EAAA=)):
 
 ```svelte

From 40dd4987c4bb54e2da35646768a4b7400ed10d0b Mon Sep 17 00:00:00 2001
From: Scott Wu <sw@scottwu.ca>
Date: Sat, 1 Feb 2025 09:07:36 +0800
Subject: [PATCH 2/2] add config files

---
 .../content/tutorial/+assets/svelte.config.js          | 10 ++++++++++
 .../svelte.dev/content/tutorial/+assets/vite.config.js |  6 ++++++
 2 files changed, 16 insertions(+)
 create mode 100644 apps/svelte.dev/content/tutorial/+assets/svelte.config.js
 create mode 100644 apps/svelte.dev/content/tutorial/+assets/vite.config.js

diff --git a/apps/svelte.dev/content/tutorial/+assets/svelte.config.js b/apps/svelte.dev/content/tutorial/+assets/svelte.config.js
new file mode 100644
index 000000000..301e785eb
--- /dev/null
+++ b/apps/svelte.dev/content/tutorial/+assets/svelte.config.js
@@ -0,0 +1,10 @@
+import adapter from '@sveltejs/adapter-auto';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		adapter: adapter()
+	}
+};
+
+export default config;
diff --git a/apps/svelte.dev/content/tutorial/+assets/vite.config.js b/apps/svelte.dev/content/tutorial/+assets/vite.config.js
new file mode 100644
index 000000000..bbf8c7da4
--- /dev/null
+++ b/apps/svelte.dev/content/tutorial/+assets/vite.config.js
@@ -0,0 +1,6 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+	plugins: [sveltekit()]
+});