rodolphe/sake-app
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity

Automatically correct invalid values for preferences

Browse source
This commit is contained in:
Rodolphe Bréard 2023-09-26 10:31:09 +02:00
parent 78ea484a71
commit 36bd59ef02
3 changed files with 18 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/main.js
View file

@ -1,5 +1,6 @@
import './assets/main.sass';
import { allowedColorModes, allowedLocales } from './const';
import { createApp } from 'vue';
import { createI18n } from 'vue-i18n';
import { useStorage } from '@vueuse/core';
@ -7,19 +8,22 @@ import App from './App.vue';
import router from './router';
import messages from '@intlify/unplugin-vue-i18n/messages';
const setGlobalAttribute = (attrName, storageName, defaultValue) => {
const setGlobalAttribute = (attrName, storageName, defaultValue, allowedValues) => {
const stored_value = useStorage(storageName, '');
if (!stored_value.value) {
stored_value.value = defaultValue;
}
document.documentElement.setAttribute(attrName, stored_value.value);
if (!allowedValues.includes(stored_value.value)) {
stored_value.value = defaultValue;
}
return {
'stored': stored_value,
'defaultValue': defaultValue,
};
};
const locale = setGlobalAttribute('lang', 'sake-locale', 'en');
const colorMode = setGlobalAttribute('data-bs-theme', 'sake-color-mode', 'light');
const locale = setGlobalAttribute('lang', 'sake-locale', 'en', allowedLocales);
const colorMode = setGlobalAttribute('data-bs-theme', 'sake-color-mode', 'light', allowedColorModes);
const i18n = createI18n({
legacy: false,