Привет, подскажите пожалуйста, у меня есть главная страница - /
С разным содержимым для аутентифицированного пользователя и гостя
Для гостя просто форма входа, для клиента личный кабинет
Для этого использую
<auth v-if="!$auth.user" />
<profile v-if="$auth.user" />
layout({$auth}) {
if($auth.user) {
return 'profile'
}
return 'index'
}
То есть меняется layout и компоненты
Внутри компонента auth есть
this.$auth.loginWith('local', data)
.then(() => {
this.$router.push('/')
})
Но проблема в том, что this.$router.push('/') не отрабатывает, так как мы и так находимся на "/"
Можно делать window.location.reload() но получается некрасиво - перед этим успевают отработать разные v-if и страница начинает моргать
Посоветуйте, как быть?