From decf51d24e61981914cc216ba6a59b0698414e0a Mon Sep 17 00:00:00 2001
From: Scott Rhamy <scott@rhamy.com>
Date: Wed, 17 Dec 2025 07:17:16 -0500
Subject: [PATCH] markdown-examples

- added code (w/interpretation) to illustrate how each one is implemented.
---
 docs/src/routes/docs/markdown/+page.md | 52 ++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/docs/src/routes/docs/markdown/+page.md b/docs/src/routes/docs/markdown/+page.md
index 27f364a04..d5592d481 100644
--- a/docs/src/routes/docs/markdown/+page.md
+++ b/docs/src/routes/docs/markdown/+page.md
@@ -2,6 +2,16 @@
 
 ## Syntax highlighting
 
+````md
+```svelte
+<script lang="ts">
+	let { data } = $props();
+</script>
+
+<div>Test</div>
+```
+````
+
 ```svelte
 <script lang="ts">
 	let { data } = $props();
@@ -12,6 +22,18 @@
 
 ### Diff
 
+````md
+<!-- prettier-ignore -->
+```svelte diff
+<script lang="ts">
+  let { data } = $props();
+</script>
+
+- <div>Before</div>
++ <div>After</div>
+```
+````
+
 <!-- prettier-ignore -->
 ```svelte diff
 <script lang="ts">
@@ -24,6 +46,19 @@
 
 ### Line highlighting
 
+````md
+<!-- prettier-ignore -->
+```svelte {2,5-7}
+<script lang="ts">
+	let { data } = $props();
+</script>
+
+<div>Line 5</div>
+<div>Line 6</div>
+<div>Line 7</div>
+```
+````
+
 <!-- prettier-ignore -->
 ```svelte {2,5-7}
 <script lang="ts">
@@ -37,6 +72,16 @@
 
 ### Title (file)
 
+````md
+```svelte title="+layout.svelte"
+<script lang="ts">
+	let { data } = $props();
+</script>
+
+<div>Test</div>
+```
+````
+
 ```svelte title="+layout.svelte"
 <script lang="ts">
 	let { data } = $props();
@@ -47,6 +92,13 @@
 
 ## Table
 
+````md
+| First | Second | Third |
+| ----- | ------ | ----- |
+| 1     | 2      | 3     |
+| 4     | 5      | 6     |
+````
+
 | First | Second | Third |
 | ----- | ------ | ----- |
 | 1     | 2      | 3     |