From 5a6d91c0c00338b446690d980e62971c8eeb4edf Mon Sep 17 00:00:00 2001
From: ViniciusCestarii <viniciuscestari01@gmail.com>
Date: Wed, 23 Oct 2024 15:52:25 -0300
Subject: [PATCH] Fix for issue #587: remove some deprecated on:click

---
 .../tutorial/01-svelte/04-logic/04-each-blocks/index.md     | 6 +++---
 .../08-script-module/02-module-exports/index.md             | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/index.md b/apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/index.md
index 45132246a6..3154fb74be 100644
--- a/apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/index.md
+++ b/apps/svelte.dev/content/tutorial/01-svelte/04-logic/04-each-blocks/index.md
@@ -14,7 +14,7 @@ Instead of laboriously copying, pasting and editing, we can get rid of all but t
 			style="background: red"
 			aria-label="red"
 			aria-current={selected === 'red'}
-			on:click={() => selected = 'red'}
+			onclick={() => selected = 'red'}
 		></button>
 	+++{/each}+++
 </div>
@@ -32,7 +32,7 @@ Now we need to use the `color` variable in place of `"red"`:
 			style="background: +++{color}+++"
 			aria-label=+++{color}+++
 			aria-current={selected === +++color+++}
-			on:click={() => selected = +++color+++}
+			onclick={() => selected = +++color+++}
 		></button>
 	{/each}
 </div>
@@ -48,7 +48,7 @@ You can get the current _index_ as a second argument, like so:
 			style="background: {color}"
 			aria-label={color}
 			aria-current={selected === color}
-			on:click={() => selected = color}
+			onclick={() => selected = color}
 		>+++{i + 1}+++</button>
 	{/each}
 </div>
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/02-module-exports/index.md b/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/02-module-exports/index.md
index 4399b64b8b..1a19800032 100644
--- a/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/02-module-exports/index.md
+++ b/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/02-module-exports/index.md
@@ -34,7 +34,7 @@ We can now import `stopAll` in `App.svelte`...
 		<AudioPlayer {...track} />
 	{/each}
 
-+++	<button on:click={stopAll}>
++++	<button onclick={stopAll}>
 		stop all
 	</button>+++
 </div>