aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/language_selector/language_selector.svelte
blob: 64a4ef9e14fb7ea2187d1bdf2d2b5d0bba42390a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script lang="ts">
	import { locale, locales } from 'svelte-i18n';
	import { getLangNameFromCode } from 'language-name-map';

	$: namedLocales = $locales
	  .map((code) => ({
	    code,
	    ...getLangNameFromCode(code)
	  }))
	  .sort((a, b) => a.native - b.native);

  let selected = $locale

	$: {
	  locale.set(selected);
	}
</script>

<select bind:value={selected}>
	{#each namedLocales as namedLocale}
		<option value={namedLocale.code}>{namedLocale.native}</option>
	{/each}
</select>

<style>
</style>