Save locale in local storage to keep it

src/views/main/Header.vue

@@ -152,13 +152,8 @@ const router = useRouter();
 const searchQuery = ref("");
 const showSearch = ref(false);
 
-// List of available languages
-const selectedLanguage = ref(locale.value);
-
-function changeLanguage(lang) {
-  locale.value = lang;
-  selectedLanguage.value = lang;
-}
+let selectedLanguage = ref('fr');
+initializeLocale();
 
 const onSearch = () => {
   const query = searchQuery.value.trim();
@@ -196,6 +191,18 @@ onBeforeUnmount(() => {
   document.removeEventListener('click', handleClickOutside);
 });
 
+function initializeLocale(){
+  const preferredLocale = localStorage.getItem('preferredLocale');
+  selectedLanguage = ref(preferredLocale === null ? locale.value : preferredLocale);
+  locale.value = selectedLanguage.value;
+}
+
+function changeLanguage(lang) {
+  locale.value = lang;
+  selectedLanguage.value = lang;
+  localStorage.setItem('preferredLocale', lang);
+}
+
 </script>
 
 <style scoped>