From 7e2fda3dcaaab57d2b8737d0bcc4537f27a0ca82 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sat, 3 Jan 2026 19:39:04 +0100
Subject: [PATCH] fix: sync language selector with browser back/forward
 navigation

Replace non-reactive window.location.pathname with SvelteKit's reactive $page store to ensure language selector updates when navigating via browser back/forward buttons.
---
 src/lib/components/LanguageSelector.svelte | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/LanguageSelector.svelte b/src/lib/components/LanguageSelector.svelte
index a9745081..42822dcb 100644
--- a/src/lib/components/LanguageSelector.svelte
+++ b/src/lib/components/LanguageSelector.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { goto } from '$app/navigation';
+	import { page } from '$app/stores';
 	import { recipeTranslationStore } from '$lib/stores/recipeTranslation';
 	import { languageStore } from '$lib/stores/language';
 	import { onMount } from 'svelte';
@@ -9,16 +10,17 @@
 	let langOptions: HTMLDivElement;
 
 	$effect(() => {
-		// Update current language and path when page changes
-		if (typeof window !== 'undefined') {
-			const path = window.location.pathname;
-			currentPath = path;
-			if (path.startsWith('/recipes')) {
-				languageStore.set('en');
-			} else if (path.startsWith('/rezepte')) {
-				languageStore.set('de');
-			} else if (path === '/') {
-				// On main page, read from localStorage
+		// Update current language and path when page changes (reactive to browser navigation)
+		const path = $page.url.pathname;
+		currentPath = path;
+
+		if (path.startsWith('/recipes')) {
+			languageStore.set('en');
+		} else if (path.startsWith('/rezepte')) {
+			languageStore.set('de');
+		} else if (path === '/') {
+			// On main page, read from localStorage
+			if (typeof localStorage !== 'undefined') {
 				const preferredLanguage = localStorage.getItem('preferredLanguage');
 				languageStore.set(preferredLanguage === 'en' ? 'en' : 'de');
 			}