From deac9e3d1f7d675fb4dec24883bb3fd0920872bc Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Tue, 13 Jan 2026 12:57:23 +0100
Subject: [PATCH] fix: update event handlers to Svelte 5 syntax in add page and
 rosary counter

Fixes issues where translation buttons and rosary bead counter were not working
due to incomplete Svelte 5 migration. Updated parent components to use new
callback prop syntax (onapproved/onskipped/oncancelled) and lowercase onclick
handlers to match child component expectations.

- Fix TranslationApproval event handlers in recipe add page
- Fix CounterButton onclick prop in rosary page
---
 src/routes/[recipeLang=recipeLang]/add/+page.svelte | 8 ++++----
 src/routes/glaube/rosenkranz/+page.svelte           | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/[recipeLang=recipeLang]/add/+page.svelte b/src/routes/[recipeLang=recipeLang]/add/+page.svelte
index 484eae6..c4ae160 100644
--- a/src/routes/[recipeLang=recipeLang]/add/+page.svelte
+++ b/src/routes/[recipeLang=recipeLang]/add/+page.svelte
@@ -355,7 +355,7 @@ button.action_button{
 
 {#if !showTranslationWorkflow}
 <div class=submit_buttons>
-<button class=action_button on:click={prepareSubmit}><p>Weiter zur Übersetzung</p><Check fill=white width=2rem height=2rem></Check></button>
+<button class=action_button onclick={prepareSubmit}><p>Weiter zur Übersetzung</p><Check fill=white width=2rem height=2rem></Check></button>
 </div>
 {/if}
 
@@ -363,9 +363,9 @@ button.action_button{
 <div id="translation-section">
 	<TranslationApproval
 		germanData={getGermanRecipeData()}
-		on:approved={handleTranslationApproved}
-		on:skipped={handleTranslationSkipped}
-		on:cancelled={handleTranslationCancelled}
+		onapproved={handleTranslationApproved}
+		onskipped={handleTranslationSkipped}
+		oncancelled={handleTranslationCancelled}
 	/>
 </div>
 {/if}
diff --git a/src/routes/glaube/rosenkranz/+page.svelte b/src/routes/glaube/rosenkranz/+page.svelte
index e337aac..b893e63 100644
--- a/src/routes/glaube/rosenkranz/+page.svelte
+++ b/src/routes/glaube/rosenkranz/+page.svelte
@@ -1412,7 +1412,7 @@ l536 389l-209 -629zM1671 934l-370 267l150 436l-378 -271l-371 271q8 -34 15 -68q10
 								📖
 							</button>
 						{/if}
-						<CounterButton onClick={() => advanceDecade(decadeNum)} />
+						<CounterButton onclick={() => advanceDecade(decadeNum)} />
 					</div>
 				</div>