store user-perference locale in local storage

pinry-spa/src/components/PHeader.vue

@@ -110,7 +110,7 @@
               </div>
             </div>
             <div class="locale-changer">
-              <select v-model="$i18n.locale">
+              <select v-model="$i18n.locale" @change="setLocale($event)">
                  <option v-for="locale in $i18n.availableLocales" :key="`locale-${locale}`" :value="locale">{{ locale }}</option>
               </select>
             </div>
@@ -145,6 +145,9 @@ export default {
     },
   },
   methods: {
+    setLocale(event) {
+      localStorage.setItem('localeCode', event.target.value);
+    },
     toggleMenu() {
       this.active = !this.active;
     },

pinry-spa/src/main.js

@@ -19,7 +19,7 @@ Vue.use(VueI18n);
 setUpAxiosCsrfConfig();
 
 const i18n = new VueI18n({
-  locale: navigator.language.split('-')[0],
+  locale: localStorage.getItem('localeCode') || navigator.language.split('-')[0],
   fallbackLocale: 'en',
   messages,
 });