From 79d71e82c4121c877481528e171700416d8c42ca Mon Sep 17 00:00:00 2001
From: wea_ondara <wea_ondara@cutiepie.at>
Date: Tue, 26 Sep 2023 16:33:03 +0200
Subject: [PATCH] added LocaleSaver.vue

---
 src/App.vue                           |  3 +++
 src/components/locale/LocaleSaver.vue | 21 +++++++++++++++++++++
 2 files changed, 24 insertions(+)
 create mode 100644 src/components/locale/LocaleSaver.vue

diff --git a/src/App.vue b/src/App.vue
index 3e8b997..b299556 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,12 +3,14 @@ import {RouterView} from 'vue-router';
 import {Options, Vue} from 'vue-class-component';
 import DocumentLocaleSetter from '@/components/locale/DocumentLocaleSetter.vue';
 import NavBar from '@/components/NavBar.vue';
+import LocaleSaver from '@/components/locale/LocaleSaver.vue';
 
 @Options({
   name: 'App',
   components: {
     NavBar,
     DocumentLocaleSetter,
+    LocaleSaver,
     RouterView,
   },
 })
@@ -19,6 +21,7 @@ export default class App extends Vue {
 
 <template>
   <div class="d-flex flex-column h-100 w-100">
+    <LocaleSaver/>
     <DocumentLocaleSetter/>
     <NavBar/>
     <RouterView class="flex-grow-1"/>
diff --git a/src/components/locale/LocaleSaver.vue b/src/components/locale/LocaleSaver.vue
new file mode 100644
index 0000000..ab42472
--- /dev/null
+++ b/src/components/locale/LocaleSaver.vue
@@ -0,0 +1,21 @@
+<script lang="ts">
+import {Options, Vue} from 'vue-class-component';
+import {Watch} from 'vue-property-decorator';
+
+@Options({name: 'LocaleSaver'})
+export default class LocaleSaver extends Vue {
+  mounted(): void {
+    const locale = window.localStorage.getItem('locale');
+    if (locale)
+      this.$i18n.locale = locale;
+  }
+
+  @Watch('$i18n.locale')
+  onLocaleChanged(value: string): void {
+    window.localStorage.setItem('locale', value);
+  }
+}
+</script>
+
+<template>
+</template>