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

fix: update recipe translation store reactively during navigation

Browse Source 
Changed from onMount to $effect to ensure the recipeTranslationStore
updates when navigating between recipes via client-side links. This
fixes the language switcher incorrectly returning to the original
recipe instead of switching the current recipe's language.
This commit is contained in:
Alexander Bocken
2026-01-02 18:46:31 +01:00
parent 397ba1efa4
commit 3867b934e6
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/[recipeLang=recipeLang]/[name]/+page.svelte
View File

@@ -13,14 +13,14 @@
import RecipeNote from '$lib/components/RecipeNote.svelte'; import RecipeNote from '$lib/components/RecipeNote.svelte';
import {stripHtmlTags} from '$lib/js/stripHtmlTags'; import {stripHtmlTags} from '$lib/js/stripHtmlTags';
import FavoriteButton from '$lib/components/FavoriteButton.svelte'; import FavoriteButton from '$lib/components/FavoriteButton.svelte';
import RecipeLanguageSwitcher from '$lib/components/RecipeLanguageSwitcher.svelte'; import { onDestroy } from 'svelte';
import { onMount, onDestroy } from 'svelte';
import { recipeTranslationStore } from '$lib/stores/recipeTranslation'; import { recipeTranslationStore } from '$lib/stores/recipeTranslation';
let { data }: { data: PageData } = $props(); let { data }: { data: PageData } = $props();
// Set store for recipe translation data so UserHeader can access it // Set store for recipe translation data so UserHeader can access it
onMount(() => { // Use $effect instead of onMount to react to data changes during client-side navigation
$effect(() => {
recipeTranslationStore.set({ recipeTranslationStore.set({
germanShortName: data.germanShortName || data.short_name, germanShortName: data.germanShortName || data.short_name,
englishShortName: data.englishShortName, englishShortName: data.englishShortName,