I am attempting to display a default view/route immediately upon Vue.js loading. Currently, the page loads with the header and footer visible, but there is a brief delay before the homepage content is displayed. This results in the footer moving up to meet the header as the view loads.
Is there a way I can set a default route to load when the app initializes so that the footer does not "jump" to the end of the page during the loading process?
App.vue
<main class="wrapper" id="app">
<Header />
<router-view v-slot="{ Component }">
<transition name="fade" mode="out-in">
<div :key="$route.path">
<component :is="Component" />
</div>
</transition>
</router-view>
<footer>
</footer>
</main>