Splashscreen

Para los que busquen el repositorio es este

https://github.com/platzi/practico-vue

Estilos del componente SplashScreen.vue

<style scoped>
.splashscreen {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
}
h1 {
  color: var(--brand-blue);
}
h1 span {
  color: var(--brand-green);
}
</style>

Solo como nota, Suspense aun esta en fase experimental, asi que no se sugiere para uso productivo

https://vuejs.org/guide/built-ins/suspense.html

Se ve bastante prometedor 🤩

Estilos del componente App.vue

<style>
html,
body,
.app {
  min-height: 100vh;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
* {
  --brand-green: #04b500;
  --brand-blue: #0689b0;
}
</style>