4 files changed, 23 insertions, 0 deletions
diff --git a/src/lib/i18n.js b/src/lib/i18n.js
new file mode 100644
index 00000000..e0387fb4
--- /dev/null
+++ b/src/lib/i18n.js
@@ -0,0 +1,15 @@
+import { register, init, getLocaleFromNavigator } from 'svelte-i18n';
+
+let localeCodes = ['en', 'fr'];
+
+// load locales
+function addLocale(localeCode) {
+  register(localeCode, () => import('../locales/' + localeCode + '.json'));
+  console.log("Loaded locale '" + localeCode + "'");
+}
+localeCodes.forEach(addLocale);
+
+init({
+  fallbackLocale: 'en',
+  initialLocale: getLocaleFromNavigator(),
+});
diff --git a/src/locales/en.json b/src/locales/en.json
new file mode 100644
index 00000000..b7c7f102
--- /dev/null
+++ b/src/locales/en.json
@@ -0,0 +1,3 @@
+{
+  "langname": "English"
+}
diff --git a/src/locales/fr.json b/src/locales/fr.json
new file mode 100644
index 00000000..265783e9
--- /dev/null
+++ b/src/locales/fr.json
@@ -0,0 +1,3 @@
+{
+  "langname": "Français"
+}
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index f5576edd..ed1ad188 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -3,6 +3,8 @@
 	import { onMount } from 'svelte';
 	import { connect } from '$lib/socket';
 
+  import '$lib/i18n';
+
 	onMount(connect);
 </script>