git.r.bdr.sh - rbdr/forum/blame_incremental - src/components/language_selector/language_selector.svelte

<script>
  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;

  $: {
    console.log(`the current locale is ${selected}`);
    locale.set(selected);
  }
</script>

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

<style>
</style>
Commit	Line	Data
	1	<script>
	2	import { locale, locales } from 'svelte-i18n';
	3	import { getLangNameFromCode } from 'language-name-map';
	4
	5	$: namedLocales = $locales
	6	.map((code) => ({
	7	code,
	8	...getLangNameFromCode(code)
	9	}))
	10	.sort((a, b) => a.native - b.native);
	11
	12	let selected = $locale;
	13
	14	$: {
	15	console.log(`the current locale is ${selected}`);
	16	locale.set(selected);
	17	}
	18	</script>
	19
	20	<select bind:value={selected}>
	21	{#each namedLocales as namedLocale}
	22	<option value="{ namedLocale.code }">{ namedLocale.native }</option>
	23	{/each}
	24	</select>
	25
	26	<style>
	27	</style>
	28