Add internationalization support

[rbdr/forum] / app / components / language_selector / language_selector.svelte

<script>
  import { locale, locales } from 'svelte-i18n';
  import { getLangNameFromCode } from 'language-name-map';

  $: namedLocales = $locales
    .map((locale) => ({
      code: locale,
      ...getLangNameFromCode(locale)
    }))
    .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>