From fed5f73a3868db0aa3da42adada3bd4a46e1554f Mon Sep 17 00:00:00 2001
From: Sandra Guerreiro <sandragjacinto@gmail.com>
Date: Wed, 24 Jun 2026 16:14:34 +0200
Subject: [PATCH] feat(language): makes user choice persstent

---
 src/components/nav/LanguageSelector.vue | 8 ++++++--
 src/localisation/i18n.ts                | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/nav/LanguageSelector.vue b/src/components/nav/LanguageSelector.vue
index d5a1be5..d8aefac 100644
--- a/src/components/nav/LanguageSelector.vue
+++ b/src/components/nav/LanguageSelector.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="language-selector">
-    <select v-model="$i18n.locale">
+    <select v-model="$i18n.locale" @change="storeLanguage">
       <option
         class="nav-lang"
         v-for="locale in $i18n.availableLocales"
@@ -13,7 +13,11 @@
   </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+const storeLanguage = (e: Event) => {
+  localStorage.setItem('language', (e.target as HTMLSelectElement).value);
+};
+</script>
 
 <style scoped>
 .language-selector {
diff --git a/src/localisation/i18n.ts b/src/localisation/i18n.ts
index e70cda3..3feec73 100644
--- a/src/localisation/i18n.ts
+++ b/src/localisation/i18n.ts
@@ -2,7 +2,7 @@ import { createI18n } from 'vue-i18n';
 import { messages } from './messages';
 import { getQueryParamValue } from '@/utils/urlsUtils';
 
-const lang = getQueryParamValue('lang');
+const lang = getQueryParamValue('lang') || localStorage.getItem('language');
 
 const i18n = createI18n({
   locale: lang ?? 'fr',