ngn/safetwitch
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Activity

Move languages to settings menu

Browse Source
This commit is contained in:
dragongoose
2023-08-19 20:37:11 -04:00
parent cabdc3321c
commit a062eacb30
3 changed files with 38 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/SettingsView.vue
View File

@ -1,5 +1,5 @@
<script lang="ts">
import { getDefaultSettings, syncUserSettings } from '@/settingsManager'
import { getDefaultSettings, syncUserSettings, setLanguage } from '@/settingsManager'
export default {
setup() {
@ -21,6 +21,8 @@ export default {
save() {
const settings = JSON.stringify(this.settings)
localStorage.setItem('settings', settings)
setLanguage(this.settings.language.selected, this.$i18n)
window.location.reload()
}
// download() {
// var hiddenElement = document.createElement('a');
@ -47,17 +49,17 @@ export default {
<template>
<div class="mx-auto w-[35rem] p-5 py-3 bg-ctp-crust rounded-md text-white">
<h1 class="font-bold text-3xl">Settings</h1>
<h1 class="font-bold text-3xl">{{ $t("nav.settings") }}</h1>
<hr class="my-2" />
<ul class="w-full space-y-1">
<li v-for="setting in settings" :key="setting.type">
<div v-if="setting.type == 'checkbox'" class="justify-between items-center flex">
<label :for="setting.name">{{ setting.name }}</label>
<label :for="setting.name">{{ $t(`settings.${setting.name}`) }}</label>
<input :name="setting.name" type="checkbox" v-model="setting.selected" />
</div>
<div v-else-if="setting.type == 'option'" class="justify-between items-center flex">
<label :for="setting.name">{{ setting.name }}</label>
<label :for="setting.name">{{ $t(`settings.${setting.name}`) }}</label>
<select
:name="setting.name"
type="checkbox"
@ -73,7 +75,7 @@ export default {
</ul>
<div class="space-x-2 mt-3">
<button @click="save" class="bg-ctp-surface0 p-4 py-2 rounded-md">Save</button>
<button @click="save" class="bg-ctp-surface0 p-4 py-2 rounded-md">{{ $t('settings.saveButton') }}</button>
<!-- <button @click="download" class="bg-ctp-surface0 p-4 py-2 rounded-md">Export</button>
<input type="file" @change="handleImport" name="fileinput" ref="fileinput"
class="bg-ctp-surface0 p-4 py-2 rounded-md"> -->