Alexander Bocken
f161d8a15d
- Replace deprecated <slot> syntax with modern {#snippet} and {@render} patterns
- Add TypeScript types for snippet props in Header component
- Convert on:click event handlers to onclick attribute throughout
- Update all layout files to use new snippet-based composition pattern
30 lines
611 B
Svelte
30 lines
611 B
Svelte
<script>
|
|
import Header from '$lib/components/Header.svelte'
|
|
import UserHeader from '$lib/components/UserHeader.svelte';
|
|
import LanguageSelector from '$lib/components/LanguageSelector.svelte';
|
|
let { data, children } = $props();
|
|
|
|
let user = $derived(data.session?.user);
|
|
</script>
|
|
|
|
<Header>
|
|
{#snippet links()}
|
|
<ul class=site_header>
|
|
</ul>
|
|
{/snippet}
|
|
|
|
{#snippet language_selector_mobile()}
|
|
<LanguageSelector />
|
|
{/snippet}
|
|
|
|
{#snippet language_selector_desktop()}
|
|
<LanguageSelector />
|
|
{/snippet}
|
|
|
|
{#snippet right_side()}
|
|
<UserHeader {user}></UserHeader>
|
|
{/snippet}
|
|
|
|
{@render children()}
|
|
</Header>
|