Alexander
ce4c9cf71e
Add official Catholic English translations to all prayer components for /faith/* routes. Prayer names on /faith/prayers are now displayed in English. Remove unused Angelus.svelte component.
45 lines
1.1 KiB
Svelte
45 lines
1.1 KiB
Svelte
<script>
|
|
import { onMount } from 'svelte';
|
|
import { getLanguageContext } from '$lib/contexts/languageContext.js';
|
|
import Toggle from './Toggle.svelte';
|
|
|
|
// Get the language context (must be created by parent page)
|
|
const { showLatin, lang } = getLanguageContext();
|
|
|
|
// Local state for the checkbox
|
|
let showBilingual = true;
|
|
|
|
// Flag to prevent saving before we've loaded from localStorage
|
|
let hasLoadedFromStorage = false;
|
|
|
|
// Sync checkbox with context
|
|
$: $showLatin = showBilingual;
|
|
|
|
// Save to localStorage whenever it changes (but only after initial load)
|
|
$: if (typeof localStorage !== 'undefined' && hasLoadedFromStorage) {
|
|
localStorage.setItem('rosary_showBilingual', showBilingual.toString());
|
|
}
|
|
|
|
// Dynamic label based on URL language
|
|
$: label = $lang === 'en'
|
|
? 'Show Latin and English'
|
|
: 'Lateinisch und Deutsch anzeigen';
|
|
|
|
onMount(() => {
|
|
// Load from localStorage
|
|
const saved = localStorage.getItem('rosary_showBilingual');
|
|
if (saved !== null) {
|
|
showBilingual = saved === 'true';
|
|
}
|
|
|
|
// Now allow saving
|
|
hasLoadedFromStorage = true;
|
|
});
|
|
</script>
|
|
|
|
<Toggle
|
|
bind:checked={showBilingual}
|
|
{label}
|
|
accentColor="var(--nord14)"
|
|
/>
|