Данные на панели навигации появляются только после обновления ⇐ Javascript

[Гость]

Я использую vuex для входа в систему, но он не загружается после обратного вызова, и мне нужно обновить страницу

Мое приложение.vue

axios.get(process.env.VUE_APP_API_URL + '/api/', config).then((res) => { this.$cookies.set('пользователь', res.data); Vue.set(this.$store.state, 'пользователь', res.data) }).catch(функция (ошибка) { if (error.response) console.log(error.response.data); }); Мой магазин.js

экспортировать новый Vuex.Store по умолчанию({ состояние: { пользователь: { идентификатор, аватар, имя, ярлык, дискриминатор, электронная почта }, } }) Мой index.vue

экспортировать по умолчанию { название: 'Навбар', вычислено: { пользователь () { верните это.$store.state.user; } }, } Ожидается:
[*]Перед входом в систему: кнопка входа; [*]После входа: мое имя пользователя.
Что происходит:
[*]Перед входом в систему: кнопка входа; [*]После входа: кнопка входа; [*]После обновления: мое имя пользователя.