2018-02-10 07:56:33 +02:00
|
|
|
<template>
|
2018-10-19 05:10:49 +03:00
|
|
|
<component :is="page"></component>
|
2018-02-10 07:56:33 +02:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
2018-02-20 18:39:51 +02:00
|
|
|
import Home from './home.vue';
|
|
|
|
import Welcome from './welcome.vue';
|
2018-10-19 05:10:49 +03:00
|
|
|
import Deck from './deck/deck.vue';
|
2018-02-10 07:56:33 +02:00
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
components: {
|
2018-02-20 18:39:51 +02:00
|
|
|
Home,
|
2018-10-19 05:10:49 +03:00
|
|
|
Deck,
|
2018-02-20 18:39:51 +02:00
|
|
|
Welcome
|
2018-10-19 05:10:49 +03:00
|
|
|
},
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
page(): string {
|
|
|
|
if (!this.$store.getters.isSignedIn) return 'welcome';
|
|
|
|
return this.$store.state.device.deckDefault ? 'deck' : 'home';
|
|
|
|
}
|
2018-02-10 07:56:33 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|