knadh/listmonk
1
1
Fork 0
mirror of https://github.com/knadh/listmonk.git synced 2025-01-01 11:45:01 +08:00
Code Issues Projects Releases Packages Wiki Activity

Refactor app init routines to load config/i18n before main app mount.

Browse source 
Move config/language loading outside the main Vue() instance mount
as the app dependencies require i18n before they are mounted.

This commit moves config/language loading outside the app routines
to plain API calls, which on success, initialize and mount the main
view App instance.
This commit is contained in:
Kailash Nadh 2022-03-01 22:23:54 +05:30
parent 76a86fa34a
commit e87c80eee1
1 changed files with 27 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
frontend/src/main.js
View file

@ -15,9 +15,7 @@ const i18n = new VueI18n();
Vue.use(Buefy, {});
Vue.config.productionTip = false;
// Globals.
Vue.prototype.$utils = new Utils(i18n);
Vue.prototype.$api = api;
// Setup the router.
router.beforeEach((to, from, next) => {
@ -30,12 +28,13 @@ router.beforeEach((to, from, next) => {
router.afterEach((to) => {
Vue.nextTick(() => {
const t = to.meta.title ? `${i18n.tc(to.meta.title, 0)} /` : '';
const t = to.meta.title && i18n.te(to.meta.title) ? `${i18n.tc(to.meta.title, 0)} /` : '';
document.title = `${t} listmonk`;
});
});
new Vue({
const v = new Vue({
router,
store,
i18n,
@ -45,20 +44,28 @@ new Vue({
isLoaded: false,
},
methods: {
loadConfig() {
api.getServerConfig().then((data) => {
api.getLang(data.lang).then((lang) => {
i18n.locale = data.lang;
i18n.setLocaleMessage(i18n.locale, lang);
this.isLoaded = true;
});
});
},
mounted() {
v.isLoaded = true;
},
});
created() {
this.loadConfig();
api.getSettings();
},
}).$mount('#app');
// Load server side config and language before mounting the app.
api.getServerConfig().then((data) => {
api.getLang(data.lang).then((lang) => {
i18n.locale = data.lang;
i18n.setLocaleMessage(i18n.locale, lang);
Vue.prototype.$utils = new Utils(i18n);
Vue.prototype.$api = api;
// Set the page title after i18n has loaded.
const to = router.history.current;
const t = to.meta.title ? `${i18n.tc(to.meta.title, 0)} /` : '';
document.title = `${t} listmonk`;
v.$mount('#app');
});
});
api.getSettings();