37 lines
773 B
Vue
37 lines
773 B
Vue
|
<template>
|
||
|
|
<div id="app" style="background-color:#0e2e87" v-if="$route.meta.bigScreen">
|
||
|
|
<router-view />
|
||
|
|
</div>
|
||
|
|
<div id="app" v-else>
|
||
|
|
<router-view :key="language"/>
|
||
|
|
<theme-picker />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import ThemePicker from "@/components/ThemePicker";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "App",
|
||
|
|
components: { ThemePicker },
|
||
|
|
metaInfo() {
|
||
|
|
return {
|
||
|
|
title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
|
||
|
|
titleTemplate: title => {
|
||
|
|
return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed:{
|
||
|
|
language(){
|
||
|
|
return this.$store.state.settings.language
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
#app .theme-picker {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
</style>
|