Друзья, а вот еще такой впоросик. У меня есть конструкция v-if и v-else для ссылок Вход, Регистрация и Выход.
Вход и регистрация всегда видны, если пользователь не авторизован, а если авторизован, то он видит только кнопку Выход.
Проверяется все через this.$auth.loggedIn соответственно.
Выглядит так:
<span v-if="loggedIn"><nuxt-link class="btn btn-outline-light mr-2" to="/signout">Выход</nuxt-link></span>
<span v-else>
<nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
<nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>
/signout">Выход</nuxt-link></span>
<span v-else>
<nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
<nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>
И все нормально работает, но при обновлении страницы эти кнопки промелькивают на долю секунды и даже если очень ухитриться, то можно успеть нажать по кнопке, которая должна быть скрыта.
Подскажите, так и должно быть или я что-то делаю неправильно значит?