Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: sync language selector with browser back/forward navigation
All checks were successful
CI / update (push) Successful in 1m10s
Details

Browse Source 
Replace non-reactive window.location.pathname with SvelteKit's reactive $page store to ensure language selector updates when navigating via browser back/forward buttons.
This commit is contained in:
Alexander Bocken
2026-01-03 19:39:04 +01:00
parent 72f0713ecc
commit 191a1879d8
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/LanguageSelector.svelte
View File

@@ -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');
}