github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-21 05:53:36 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fix language in date picker

Browse source 
Vuetify allows custom-named locales,
but the date-picker really only works with BCP 47 language tag
This commit is contained in:
Florian Dupret 2021-04-21 09:48:50 +02:00
commit 561b972c19
3 changed files with 20 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/UI/LanguageMenu.vue
View file

@ -47,7 +47,7 @@ export default {
items: [
{
name: "English",
value: "en",
value: "en-US",
},
],
};

35
frontend/src/plugins/vuetify.js
View file

@ -3,15 +3,14 @@ import Vuetify from "vuetify/lib";
Vue.use(Vuetify);
// language IDs should match those from VueI18n with _ instead of -
import de_DE from 'vuetify/es5/locale/de';
import en_US from 'vuetify/es5/locale/en';
import fr_FR from 'vuetify/es5/locale/fr';
import pl_PL from 'vuetify/es5/locale/pl';
import pt_PT from 'vuetify/es5/locale/pt';
import sv_SE from 'vuetify/es5/locale/sv';
import zh_CN from 'vuetify/es5/locale/zh-Hans';
import zh_TW from 'vuetify/es5/locale/zh-Hant';
import de from 'vuetify/es5/locale/de';
import en from 'vuetify/es5/locale/en';
import fr from 'vuetify/es5/locale/fr';
import pl from 'vuetify/es5/locale/pl';
import pt from 'vuetify/es5/locale/pt';
import sv from 'vuetify/es5/locale/sv';
import zhHans from 'vuetify/es5/locale/zh-Hans';
import zhHant from 'vuetify/es5/locale/zh-Hant';
const vuetify = new Vuetify({
@ -42,16 +41,16 @@ const vuetify = new Vuetify({
},
lang: {
locales: {
de_DE,
en_US,
fr_FR,
pl_PL,
pt_PT,
sv_SE,
zh_CN,
zh_TW
'de-DE' : de,
'en-US' : en,
'fr-FR' : fr,
'pl-PL' : pl,
'pt-PT' : pt,
'sv-SE' : sv,
'zh-CN' : zhHans,
'zh-TW' : zhHant
},
current: 'en_US',
current: 'en-US',
},
});

4
frontend/src/store/modules/language.js
View file

@ -1,7 +1,7 @@
import VueI18n from "../../i18n";
const state = {
lang: "en",
lang: "en-US",
allLangs: [
{
name: "English",
@ -52,7 +52,7 @@ const mutations = {
const actions = {
initLang({ getters }, { currentVueComponent }) {
VueI18n.locale = getters.getActiveLang;
currentVueComponent.$vuetify.lang.current = getters.getActiveLang.replace('-', '_');
currentVueComponent.$vuetify.lang.current = getters.getActiveLang;
},
};