aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/LocaleSelector.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-07 21:16:25 -0800
committerAdam Soltys <[email protected]>2024-11-08 09:27:40 -0800
commit2b0f8339666dfa99e4db8a12b5effffaec9776f0 (patch)
tree0253780c569998b6c1a5f43026586e94916c3fee /src/components/LocaleSelector.svelte
parente3d1a7817f70237d70c1ca5a790bab7eac2ff86c (diff)
downloadcoinos-ui-2b0f8339666dfa99e4db8a12b5effffaec9776f0.tar.gz
coinos-ui-2b0f8339666dfa99e4db8a12b5effffaec9776f0.zip
svelte 5
Diffstat (limited to 'src/components/LocaleSelector.svelte')
-rw-r--r--src/components/LocaleSelector.svelte11
1 files changed, 8 insertions, 3 deletions
diff --git a/src/components/LocaleSelector.svelte b/src/components/LocaleSelector.svelte
index d837a534..cb057dbd 100644
--- a/src/components/LocaleSelector.svelte
+++ b/src/components/LocaleSelector.svelte
@@ -1,8 +1,13 @@
<script>
+ import { run } from 'svelte/legacy';
+
import { t, locale, locales } from "$lib/translations";
- export let style;
+ let { style } = $props();
- $: l = $locale;
+ let l;
+ run(() => {
+ l = $locale;
+ });
const handleChange = ({ currentTarget }) => {
const { value } = currentTarget;
@@ -11,7 +16,7 @@
};
</script>
-<select name="language" bind:value={l} on:change={handleChange}>
+<select name="language" bind:value={l} onchange={handleChange}>
{#each $locales as locale}
<option value={locale}>{$t(`lang.${locale}`)}</option>
{/each}