Vuex: Getters - real-time update. state - new Date()?

Question

JavaScript

Hello!
Briefly: how to make the "new Date()" state getter update in real-time?
There is the following Vuex store:

state: {
  datetime: new Date(),
},

getters: {
   getDatetime: state => state.datetime,
}

I pull this variable in the template using getDatetime:

computed: {
   getDatetime() {return this.$store.getters.getDatetime;}
}

However, the time "freezes" and does not change until the page is reloaded... Please help

Answer 1

state: {
  date: null,
  interval: null,
},
mutations: {
  start(state) {
    if (!state.interval) {
      state.interval = setInterval(() => this.commit('update'), 1000);
    }
  },
  update(state) {
    state.date = new Date();
  },
},

https://jsfiddle.net/uh5nsp1v/