title: How to make vuex getters reactive
body: <p>I working on a schedule with VUE, I'm really new with VUE and with JS. I created VUE component that adds some new properties into the object which already in state and then I take this object with getters and render inside my another VUE component, but unfortunately new properties render only after reloading.
  Here is snippet from my component where I add new property</p>
  
  <pre><code>    methods: {
                  ...mapActions({addDateToState: 'addDate'}),
                  addDate () {
                      this.date = this.startTime.time; 
                      //date from datepicker
  
                      this.addDateToState({date:this.date, year:this.year, time:this.event.time, name:this.event});
                      // object need to add
                  },
  
              }
  </code></pre>
  
  <p>Here is a snippet from state</p>
  
  <pre><code>const state = {
      schedule: {}
  }
  </code></pre>
  
  <p>Here is actions </p>
  
  <pre><code>addDate ({commit}, date) {
          commit('ADD_DATE', date)
      }
  </code></pre>
  
  <p>And here is the mutation which does all the work</p>
  
  <pre><code>    ADD_DATE (state, date) {
              if (typeof state.schedule[date.year] === 'undefined') {
                  state.schedule[date.year] = {};
              }
  
              if (typeof state.schedule[date.year][date.date] === 'undefined') {
                  state.schedule[date.year][date.date] = {};
              }
              if (typeof state.schedule[date.year][date.date][date.time] === 'undefined') {
                  state.schedule[date.year][date.date][date.time] = [];
              }
              state.schedule[date.year][date.date][date.time].push(date.name)
              //interesting that this properties are reactive, so I see chenges when pushh new element to the array, but don't see if it is new property on the object
  
              console.log(state.schedule)
              //here I see the schedule which already has new properties so mutation works
  
          }
  </code></pre>
  
  <p>Getters</p>
  
  <pre><code>const getters = {
  schedule() {
          return state.schedule;
      }
  }
  </code></pre>
  
  <p>And here is computed property which get the schedule from getters</p>
  
  <pre><code>computed: {
      ...mapGetters([
          'schedule'
      ])
  }
  </code></pre>
  
  <p>So the problem that I can't make this getter reactive, but I see that state was changed. Can someone help me?</p>