markdown-examples

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     |