Chatwoot/app/javascript/dashboard/App.vue
Adam Zysko 30802e0c13
feat: Ability to set installation-wide default locale (#1433)
* Dashboard locale can be set via env variable
* Change account locale based on registration page
* Set account locale if available

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>
2020-11-24 18:34:31 +05:30

58 lines
1.2 KiB
Vue

<template>
<div id="app" class="app-wrapper app-root">
<transition name="fade" mode="out-in">
<router-view></router-view>
</transition>
<woot-snackbar-box />
</div>
</template>
<script>
import Vue from 'vue';
import { mapGetters } from 'vuex';
import WootSnackbarBox from './components/SnackbarContainer';
import { accountIdFromPathname } from './helper/URLHelper';
export default {
name: 'App',
components: {
WootSnackbarBox,
},
computed: {
...mapGetters({
getAccount: 'accounts/getAccount',
}),
},
mounted() {
this.$store.dispatch('setUser');
this.setLocale(window.chatwootConfig.selectedLocale);
this.initializeAccount();
},
methods: {
setLocale(locale) {
Vue.config.lang = locale;
},
async initializeAccount() {
const { pathname } = window.location;
const accountId = accountIdFromPathname(pathname);
if (accountId) {
await this.$store.dispatch('accounts/get');
const { locale } = this.getAccount(accountId);
this.setLocale(locale);
}
},
},
};
</script>
<style lang="scss">
@import './assets/scss/app';
</style>
<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>