persist locale in local storage

samluiz · May 28, 2024 · 8be6d2b · 8be6d2b
1 parent 52442c6
commit 8be6d2b
Showing 1 changed file with 18 additions and 5 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -50,18 +50,31 @@ const setThemeOnLocalStorage = (darkMode: boolean) => {
   localStorage.setItem("isDarkMode", JSON.stringify(darkMode));
 };
 
+const getLocaleFromLocalStorage = () => {
+  const localeLs = localStorage.getItem("locale");
+  if (localeLs) {
+    locale.value = JSON.parse(localeLs);
+  } else {
+    locale.value = isUserPortugueseSpeaker() ? "pt-BR" : "en-US";
+  }
+};
+
+const setLocaleOnLocalStorage = (locale: string) => {
+  localStorage.setItem("locale", locale);
+};
+
 onMounted(() => {
   getThemeFromLocalStorage();
 
   watch(isDarkMode, (newVal) => {
     setThemeOnLocalStorage(newVal);
   });
 
-  if (isUserPortugueseSpeaker()) {
-    locale.value = "pt-BR";
-  } else {
-    locale.value = "en-US";
-  }
+  getLocaleFromLocalStorage();
+
+  watch(locale, (newVal) => {
+    setLocaleOnLocalStorage(newVal);
+  });
 
   fetchData();
 });