Add oersistent language change, and send language header

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'],
+            langs: ['en', 'es'],
-            names: ['English']
+            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)
         }
     }
 }

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
   }
 })

src/locales

@@ -1 +1 @@
-Subproject commit 63c03e1dc2fdbc3fa8a2555454c34801c08374ec
+Subproject commit f1a274ec29b072aef7064a33781fdd3e5f1357f5

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) {