fix: language reactivity

This commit is contained in:
Maya 2025-07-25 22:53:45 +03:00
parent ecddeb7249
commit bb1715682a
No known key found for this signature in database
1 changed files with 30 additions and 26 deletions

View File

@ -146,40 +146,44 @@
</svelte:head> </svelte:head>
<!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) --> <!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) -->
<div {#key $locale}
class="flex flex-col min-h-screen h-full w-full overflow-x-hidden" <div
ondrop={dropFiles} class="flex flex-col min-h-screen h-full w-full overflow-x-hidden"
ondragenter={(e) => handleDrag(e, true)} ondrop={dropFiles}
ondragover={(e) => handleDrag(e, true)} ondragenter={(e) => handleDrag(e, true)}
ondragleave={(e) => handleDrag(e, false)} ondragover={(e) => handleDrag(e, true)}
role="region" ondragleave={(e) => handleDrag(e, false)}
> role="region"
<Layout.UploadRegion /> >
<Layout.UploadRegion />
<div> <div>
<Layout.MobileLogo /> <Layout.MobileLogo />
<Navbar.Desktop /> <Navbar.Desktop />
</div> </div>
<!-- <!--
SvelteKit throws the following warning when developing - safe to ignore as we render the children in this component: SvelteKit throws the following warning when developing - safe to ignore as we render the children in this component:
`<slot />` or `{@render ...}` tag missing — inner content will not be rendered `<slot />` or `{@render ...}` tag missing — inner content will not be rendered
--> -->
<Layout.PageContent {children} /> <Layout.PageContent {children} />
<div style="display:none"> <div style="display:none">
{#each locales as locale} {#each locales as locale}
<a href={localizeHref(page.url.pathname, { locale })}>{locale}</a> <a href={localizeHref(page.url.pathname, { locale })}
{/each} >{locale}</a
</div> >
{/each}
</div>
<Layout.Toasts /> <Layout.Toasts />
<Layout.Dialogs /> <Layout.Dialogs />
<div> <div>
<Layout.Footer /> <Layout.Footer />
<Navbar.Mobile /> <Navbar.Mobile />
</div>
</div> </div>
</div> {/key}
<!-- Gradients placed here to prevent it overlapping in transitions --> <!-- Gradients placed here to prevent it overlapping in transitions -->
<Layout.Gradients /> <Layout.Gradients />