Fix language switcher

goanpeca · goanpeca · commit 5778b8ee16e5 · 2025-05-19T09:28:06.000-05:00
diff --git a/content/_layouts/default.html b/content/_layouts/default.html
@@ -20,6 +20,9 @@
   <head>
     {% include head.html %}
     {% include head/custom.html %}
+    <script type="text/javascript">
+      localStorage.setItem("page_language", "{{ page_language }}");
+    </script>
   </head>
 
   <body class="layout--{{ page.layout | default: layout.layout }}{% if page.classes or layout.classes %}{{ page.classes | default: layout.classes | join: ' ' | prepend: ' ' }}{% endif %}" dir="{% if site.rtl %}rtl{% else %}ltr{% endif %}">
diff --git a/content/assets/js/language_switcher.js b/content/assets/js/language_switcher.js
@@ -1,8 +1,9 @@
 window.addEventListener("DOMContentLoaded", function() {
-  let current_language = localStorage.getItem("current_language");
-  if (current_language === null) {
+  let page_language = localStorage.getItem("page_language");
+
+  if (page_language !== null) {
     // No language set, defaulting to English
-    current_language = "en";
+    current_language = page_language || "en";
   }
   // Set the option in the select element to have the "selected" attribute
   var selectElement = document.getElementById("select_language");
@@ -16,18 +17,14 @@ window.addEventListener("DOMContentLoaded", function() {
 
 // Change language for current page
 function change_language() {
+  let page_language = localStorage.getItem("page_language");
   var selectElement = document.getElementById("select_language");
-  var value = selectElement.options[selectElement.selectedIndex].value;
+  var new_language = selectElement.options[selectElement.selectedIndex].value;
 
   // Get the current page URL
   const currentPageUrl = window.location.href;
-  const old_language = localStorage.getItem("current_language");
-
-  localStorage.setItem("current_language", value);
-  // Update the lang attribute of the HTML element
-  document.documentElement.setAttribute("lang", value);
   window.location.href = currentPageUrl.replace(
-    "/" + old_language + "/",
-    "/" + value + "/"
+    "/" + page_language + "/",
+    "/" + new_language + "/"
   );
 }
