Files
homepage/src/lib/components/prayers/AveMaria.svelte
Alexander Bocken 5c8605c690
All checks were successful
CI / update (push) Successful in 2m8s
feat: complete Svelte 5 migration across entire application
Migrated all components and routes from Svelte 4 to Svelte 5 syntax:

- Converted export let → $props() with generic type syntax
- Replaced createEventDispatcher → callback props
- Migrated $: reactive statements → $derived() and $effect()
- Updated two-way bindings with $bindable()
- Fixed TypeScript syntax: added lang="ts" to script tags
- Converted inline type annotations to generic parameter syntax

- Updated deprecated event directives to Svelte 5 syntax:
  - on:click → onclick
  - on:submit → onsubmit
  - on:change → onchange

- Converted deprecated <slot> elements → {@render children()}
- Updated slot props to Snippet types
- Fixed season/icon selector components with {#snippet} blocks

- Fixed non-reactive state by converting let → $state()
- Fixed infinite loop in EnhancedBalance by converting $effect → $derived
- Fixed Chart.js integration by converting $state proxies to plain arrays
- Updated cospend dashboard and payment pages with proper reactivity

- Migrated 20+ route files from export let data → $props()
- Fixed TypeScript type annotations in page components
- Updated reactive statements in error and cospend routes

- Removed invalid onchange attribute from Toggle component
- Fixed modal ID isolation in CreateIngredientList/CreateStepList
- Fixed dark mode button visibility in TranslationApproval
- Build now succeeds with zero deprecation warnings

All functionality tested and working. No breaking changes to user experience.
2026-01-10 16:20:50 +01:00

29 lines
1.0 KiB
Svelte

<script lang="ts">
import Prayer from './Prayer.svelte';
let { mystery = "", mysteryLatin = "" } = $props<{ mystery?: string, mysteryLatin?: string }>();
</script>
<Prayer>
<p>
<v lang="la">Ave María, grátia plena. Dóminus tecum,</v>
<v lang="de">Gegrüsset seist du Maria, voll der Gnade; der Herr ist mit dir;</v>
<v lang="la">benedícta tu in muliéribus,</v>
<v lang="de">du bist gebenedeit unter den Weibern,</v>
<v lang="la">et benedíctus fructus ventris tui, {#if !mysteryLatin}Jesus.{/if}</v>
<v lang="de">und gebenedeit ist die Frucht deines Leibes, {#if !mystery}Jesus.{/if}</v>
{#if mysteryLatin}
<v lang="la" class="mystery-text">{mysteryLatin}</v>
{/if}
{#if mystery}
<v lang="de" class="mystery-text">{mystery}</v>
{/if}
</p>
<p>
<v lang="la">Sancta María, mater Dei, ora pro nobis peccatóribus,</v>
<v lang="de">Heilige Maria, Mutter Gottes, bitte für uns Sünder</v>
<v lang="la">nunc, et in hora mortis nostræ. Amen.</v>
<v lang="de">jetzt und in der Stunde unseres Todes! Amen.</v>
</p>
</Prayer>