<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>