diff --git a/documentation/docs/99-legacy/31-legacy-svelte-self.md b/documentation/docs/99-legacy/31-legacy-svelte-self.md
index bfd140ac49dc..5c8c47ffb425 100644
--- a/documentation/docs/99-legacy/31-legacy-svelte-self.md
+++ b/documentation/docs/99-legacy/31-legacy-svelte-self.md
@@ -8,7 +8,7 @@ It cannot appear at the top level of your markup; it must be inside an if or eac
 
 ```svelte
 <script>
-	export let count;
+	let { count } = $props();
 </script>
 
 {#if count > 0}
@@ -25,7 +25,7 @@ It cannot appear at the top level of your markup; it must be inside an if or eac
 > <!--- file: App.svelte --->
 > <script>
 > 	import Self from './App.svelte'
-> 	export let count;
+> 	let { count } = $props();
 > </script>
 >
 > {#if count > 0}