Debe usar beforeEach (protectores de navegación); este debería ser el truco. Puede usarlo para verificar si el usuario inició sesión o no allí, https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards

algo como esto:

 const router = new VueRouter({ routes: [ { path: '/foo', component: Foo, beforeEnter: (to, from, next) => { // ... } } ] })

Creo que esta respuesta lo ayudará a pasar datos antes de ingresar para enrutar componentes

Vue es un marco del lado del cliente. Todo el HTML es generado por JS dentro del navegador. Esto significa que la aplicación Vue típica es simplemente un archivo HTMl muy simple, casi sin HTML y algunas etiquetas CSS y Javascript...

Este es un problema para SEO porque la mayoría de los rastreadores (Google, FB, Twitter) no ejecutan JS y solo escanean el HTML devuelto por el servidor...

Para solucionar esto se crearon frameworks como Nuxt. Resuelven el problema ejecutando la aplicación Vue en el servidor y presentando el HTML en el servidor, ya sea en el momento de la solicitud (Nuxt clásico: se genera un nuevo HTML cada vez que llega la solicitud, necesita el servidor Node) o en el momento de la compilación (Nuxt generar - HTML se genera en un archivo en el momento de la compilación y se devuelve el mismo HTML para cada solicitud)

En todos los casos, el HTML devuelto por el servidor es diferente, pero todo lo demás es igual. Todavía es una aplicación Vue , que se ejecuta en el cliente y una vez que se inicia (y eso lleva algo de tiempo, por lo que el usuario solo ve el contenido enviado por el servidor mientras tanto), anula cualquier HTML devuelto por el servidor. .

Es por eso que ve el "parpadeo" y me temo que no hay una solución fácil para este problema cuando su sitio se genera completamente de forma estática.

1. Solución con el uso de null : el resultado es claro, sin contenido -> sin SEO. No hay manera de evitarlo...
2. Si su objetivo es SEO, supongo que mostrar contenido para clientes autenticados de forma predeterminada no tiene sentido, ya que eso revelaría dicho contenido a Google (u otro rastreador) y a los usuarios, entonces, ¿por qué esconderlo detrás de la autenticación en primer lugar?
3. La única opción que queda es generar contenido para usuarios no autenticados y vivir con el parpadeo para usuarios que ya iniciaron sesión

Creo que si conoce el problema, puede minimizarlo mediante el diseño; por ejemplo, no mezcle contenido de autenticación/no autenticación en una sola página, por ejemplo. Pero para su ejemplo simple y "no de la vida real", no tiene solución