From 5c5633c53f53b703425bd19dd3f6836a049d093e Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 27 Oct 2021 14:55:19 +0200
Subject: feat: define app locale depending on navigator preferred language

---
 htdocs/src/js/app.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/htdocs/src/js/app.js b/htdocs/src/js/app.js
index 2837621..f3c6a03 100644
--- a/htdocs/src/js/app.js
+++ b/htdocs/src/js/app.js
@@ -1,5 +1,10 @@
 import projects from './config/projects';
-import { translate, setLocale, currentLocale } from './i18n/i18n';
+import {
+  translate,
+  setLocale,
+  currentLocale,
+  supportedLanguages,
+} from './i18n/i18n';
 import {
   hideToBottom,
   hideToLeft,
@@ -326,11 +331,24 @@ function translateHTMLContent() {
   license.title = translate('footer.license');
 }
 
+/**
+ * Translate the website according to the user preferred language.
+ */
+function setAppLocale() {
+  const preferredLanguage = navigator.language;
+  const supportedLanguage = supportedLanguages.find(
+    (lang) => preferredLanguage.startsWith(lang.code)
+    // eslint-disable-next-line function-paren-newline -- Conflict with Prettier
+  );
+  const locale = supportedLanguage.code || 'en';
+  setLocale(locale);
+}
+
 /**
  * Initialize the website with the projects list.
  */
 function init() {
-  setLocale('en');
+  setAppLocale();
   translateHTMLContent();
   loadWebpackStyles();
   printProjectsNav();
-- 
cgit v1.2.3