From 5b046024b61f3fc57802093f4565128be6981a15 Mon Sep 17 00:00:00 2001
From: dragongoose <dragonmail14@protonmail.com>
Date: Mon, 3 Jul 2023 17:25:07 -0400
Subject: [PATCH] Add oersistent language change, and send language header

---
 src/components/LanguageSwitcher.vue | 18 +++++++++++++++---
 src/i18n.ts                         |  2 ++
 src/locales                         |  2 +-
 src/mixins.ts                       | 11 ++++++++++-
 4 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/components/LanguageSwitcher.vue b/src/components/LanguageSwitcher.vue
index 8faf86b..9fe7582 100644
--- a/src/components/LanguageSwitcher.vue
+++ b/src/components/LanguageSwitcher.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="flex">
-        <select v-model="$i18n.locale" class="my-auto p-0 pr-9 bg-transparent border-0" :selected="$i18n.locale">
+        <select v-model="$i18n.locale" @change="onChange()" class="my-auto p-0 pr-9 bg-transparent border-0" :selected="$i18n.locale">
             <option v-for="(lang, i) in langs" :key="`Lang${i}`" :value="lang">
                 {{ names[i] }}
             </option>
@@ -12,8 +12,20 @@
 export default {
     setup() {
         return {
-            langs: ['en'],
-            names: ['English']
+            langs: ['en', 'es'],
+            names: ['English', 'Español']
+        }
+    },
+    mounted() {
+        const langs = ['en', 'es']
+        const savedLocale = localStorage.getItem("language")
+        if (savedLocale != null && langs.includes(savedLocale)) {
+            this.$i18n.locale = savedLocale
+        }
+    },
+    methods: {
+        onChange() {
+            localStorage.setItem("language", this.$i18n.locale)
         }
     }
 }
diff --git a/src/i18n.ts b/src/i18n.ts
index 5f8af86..dcdaaca 100644
--- a/src/i18n.ts
+++ b/src/i18n.ts
@@ -1,5 +1,6 @@
 import { createI18n } from 'vue-i18n'
 import en from '@/locales/en.json'
+import es from '@/locales/es.json'
 
 export default createI18n({
   legacy: false,
@@ -8,5 +9,6 @@ export default createI18n({
   globalInjection: true,
   messages: {
     'en': en,
+    'es': es
   }
 })
diff --git a/src/locales b/src/locales
index 63c03e1..f1a274e 160000
--- a/src/locales
+++ b/src/locales
@@ -1 +1 @@
-Subproject commit 63c03e1dc2fdbc3fa8a2555454c34801c08374ec
+Subproject commit f1a274ec29b072aef7064a33781fdd3e5f1357f5
diff --git a/src/mixins.ts b/src/mixins.ts
index a14c49d..53bf2a1 100644
--- a/src/mixins.ts
+++ b/src/mixins.ts
@@ -20,9 +20,18 @@ const rootBackendUrl = `${protocol}${import.meta.env.SAFETWITCH_BACKEND_DOMAIN}/
 
 export async function getEndpoint(endpoint: string) {
     let data
+    let language = localStorage.getItem("language")
+    if (language === null) {
+        language = "en"
+    }
 
     try {
-        const res = await fetch(rootBackendUrl + endpoint)
+        const res = await fetch(rootBackendUrl + endpoint, {
+            method: 'GET',
+            headers: {
+                "Accept-Language": language
+            }
+        })
         const rawData = await res.json()
 
         if (!res.ok) {