- Add embedded translations schema to Recipe model with English support - Create DeepL translation service with batch translation and change detection - Build translation approval UI with side-by-side editing for all recipe fields - Integrate translation workflow into add/edit pages with field comparison - Create complete English recipe routes at /recipes/* mirroring German structure - Add language switcher component with hreflang SEO tags - Support image loading from German short_name for English recipes - Add English API endpoints for all recipe filters (category, tag, icon, season) - Include layout with English navigation header for all recipe subroutes
18 lines
734 B
Svelte
18 lines
734 B
Svelte
<script lang="ts">
|
|
import type { PageData } from './$types';
|
|
import Recipes from '$lib/components/Recipes.svelte';
|
|
import IconLayout from '$lib/components/IconLayout.svelte';
|
|
import MediaScroller from '$lib/components/MediaScroller.svelte';
|
|
import Card from '$lib/components/Card.svelte';
|
|
import Search from '$lib/components/Search.svelte';
|
|
export let data: PageData;
|
|
import { rand_array } from '$lib/js/randomize';
|
|
</script>
|
|
<IconLayout icons={data.icons} active_icon={data.icon} >
|
|
<Recipes slot=recipes>
|
|
{#each rand_array(data.season) as recipe}
|
|
<Card {recipe} icon_override=true isFavorite={recipe.isFavorite} showFavoriteIndicator={!!data.session?.user} routePrefix="/recipes"></Card>
|
|
{/each}
|
|
</Recipes>
|
|
</IconLayout>
|