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

   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>