Обновление компонента при изменении данных (vuejs)

Question

У меня есть компонент CRUD, и пользователь add (userRegister) доставляет мне проблемы. Я могу успешно добавить пользователя, однако представление не обновляется sh, а новый пользователь не отображается, пока я не обновлю sh страницу.

Вот метод, запущенный на кнопке Отправить. в моем Vue компоненте

onSubmit() {
  if (this.password === this.confirmpassword) {
    this.$store
      .dispatch("users/userRegister", {
        operatorNumber: this.operatorNumber,
        operatorName: this.operatorName,
        password: this.password,
        roles: this.operatorRole
      })
      .then(({ status }) => {
        UIkit.offcanvas("#newEmployee").hide();
      })
      .catch(error => {
        console.log("Error: ", error);
      });
  }
  this.resetForm();
},

и в моем магазине

import { axiosInstance } from "boot/axios";

export default {
  namespaced: true,
  state: {
    operators: []
  },

  getters: {
    operators: state => {
      return state.operators;
    }
  },

  actions: {
    async userRegister({ commit }, payload) {
      return new Promise((resolve, reject) => {
        axiosInstance
          .post("user/create", payload)
          .then(({ data, status }) => {
            if (status === 200) {
              resolve(true);

              commit("addUser", payload);
            }
          })
          .catch(error => {
            reject(error);
            console.log("Error: ", error);
          });
      });
    },
  },

  mutations: {
    addUser: (state, operators) => state.operators.splice(state.operators.length, 0, operators)
  }
};

Чего мне не хватает? Спасибо