cherrypick/src/client/pages/index.vue

<template>
<component :is="$store.getters.isSignedIn ? 'home' : 'welcome'" :show-title="showTitle"></component>
</template>

<script lang="ts">
import Vue from 'vue';
import Home from './index.home.vue';

export default Vue.extend({
	name: 'index',

	components: {
		Home,
		Welcome: () => import('./index.welcome.vue').then(m => m.default),
	},

	data() {
		return {
			showTitle: true,
		}
	},

	activated() {
		this.showTitle = true;
	},

	deactivated() {
		this.showTitle = false;
	}
});
</script>