80 lines
1.6 KiB
Vue
80 lines
1.6 KiB
Vue
<template>
|
||
<div class="app">
|
||
<AppHeader />
|
||
<div class="app__block">
|
||
<Page404 v-if="showErrorPage404" />
|
||
<Page500 v-if="showErrorPage500" />
|
||
<routerView v-else />
|
||
</div>
|
||
<Player />
|
||
<AppFooter />
|
||
</div>
|
||
<Authentication />
|
||
<ChangingUser />
|
||
</template>
|
||
|
||
<script>
|
||
import Page404 from '@/views/Page404.vue';
|
||
import Page500 from '@/views/Page500.vue';
|
||
import AppHeader from '@/components/app-header.vue';
|
||
import AppFooter from '@/components/app-footer.vue';
|
||
import Authentication from '@/components/modal/authentication.vue';
|
||
import Player from '@/components/player.vue';
|
||
import ChangingUser from '@/components/modal/сhanging-user.vue';
|
||
|
||
export default {
|
||
async preFetch({
|
||
store,
|
||
currentRoute,
|
||
previousRoute,
|
||
redirect,
|
||
ssrContext,
|
||
urlPath,
|
||
publicPath,
|
||
}) {},
|
||
components: {
|
||
ChangingUser,
|
||
Player,
|
||
Authentication,
|
||
AppFooter,
|
||
AppHeader,
|
||
Page404,
|
||
Page500,
|
||
},
|
||
data() {
|
||
return {
|
||
showSidebarBlock: false,
|
||
};
|
||
},
|
||
computed: {
|
||
user() {
|
||
return this.$store.state.user;
|
||
},
|
||
showErrorPage404() {
|
||
return false;
|
||
// return this.$store.state.showErrorPage?.response?.status === 404;
|
||
},
|
||
showErrorPage500() {
|
||
return false;
|
||
// return this.$store.state.showErrorPage?.response?.status === 500;
|
||
},
|
||
currentPlay() {
|
||
return this.$store.state.currentPlay;
|
||
},
|
||
},
|
||
watch: {},
|
||
created() {
|
||
this.$store.dispatch('setCurrentPlay', {
|
||
...this.currentPlay,
|
||
isPlay: false,
|
||
});
|
||
},
|
||
mounted() {},
|
||
methods: {},
|
||
};
|
||
</script>
|
||
<style>
|
||
@import 'swiper/swiper.css';
|
||
@import 'assets/css/index.scss';
|
||
</style>
|