Зафиксировать пустое состояние при первом клике. Vuex

Question

Подтвердить состояние пустым при первом нажатии.Vuex.

Я не могу получить обновленное состояние при первом щелчке по переменной.

Я пробовал с Getters, и он все еще не работает.

Первыйщелкните белым, а остальные щелкают нормально.

Где я ошибаюсь?

Спасибо, ребята.

action

    function login({ commit }, data) {
axios.post(`/api/token`, {
    username: data.username,
    password: data.password
  })
    .then(response => {
      if (response.status !== 400 || response.status !== 401) {
        commit('setLoginError', 'Bem vindo!')
      }
      commit('setToken', response.data)
    })
    .catch(error => {
      if (error.response.status === 400) {
        commit('setLoginError', 'Campos inválidos!')
      } else if (error.response.status === 401) {
        commit('setLoginError', 'Credências inválidas!')
      }
    })
    }

---

мутация

function setLoginError (state, data) {
  state.loginError = data
}

---

computed: {
    ...mapState('auth', ['loginError'])
  },
  methods: {
    ...mapActions('auth', ['login']),
    onSubmit () {
      this.login({ 'username': this.username, 'password': this.password })
      console.log(this.loginError)
    }
  }