src/components/LocaleSelector.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<script>
  import { t, locale, locales } from "$lib/translations";
  export let style;
</script>

<select name="language" bind:value={$locale} class={style}>
  {#each $locales as locale}
    <option value={locale}>{$t(`lang.${locale}`)}</option>
  {/each}
</select>

<style>
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
</style>