From 21910fd069b40aa1c63d9ce0651d98a7effc555b Mon Sep 17 00:00:00 2001
From: Adrien Hopkins <ahopk127@my.yorku.ca>
Date: Tue, 23 Aug 2022 11:14:54 -0500
Subject: locale selector uses proper language names & added fallback locale

---
 src/components/LocaleSelector.svelte | 4 ++--
 src/lib/translations/index.js        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/LocaleSelector.svelte b/src/components/LocaleSelector.svelte
index ec5bc781..e1888e9f 100644
--- a/src/components/LocaleSelector.svelte
+++ b/src/components/LocaleSelector.svelte
@@ -1,10 +1,10 @@
 <script>
-	import { locale, locales } from '$lib/translations';
+	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}>{locale}</option>
+		<option value={locale}>{$t(`lang.${locale}`)}</option>
 	{/each}
 </select>
diff --git a/src/lib/translations/index.js b/src/lib/translations/index.js
index 6ed83689..c8a0a588 100644
--- a/src/lib/translations/index.js
+++ b/src/lib/translations/index.js
@@ -3,6 +3,7 @@ import lang from './lang.json';
 
 const config = {
 	initLocale: 'en',
+  fallbackLocale: 'en',
   translations: {
     en: { lang },
     fr: { lang }
-- 
cgit v1.2.3