title: Vuex State watch over Compute not working
body: <p>I have empty state in the beginning like so </p>
  
  <pre><code>new Vuex.Store({
  state: {
      comboBoxNewValues: {}
  },
  </code></pre>
  
  <p>Over time, there are mutations which changes the state like so </p>
  
  <pre><code>this.$store.commit('addComboBoxValues', { input: 'foo', value: ['value': 1, 'name': 'bar']});
  </code></pre>
  
  <p>Using the following mutation code</p>
  
  <pre><code> mutations: {
  
      addComboBoxValues(state, _value) {
          state.comboBoxNewValues[_value.input] = _value['value'];
      },
  }   
  </code></pre>
  
  <p>It works perfectly and mutations also changes the state, Now I want to perform some action on change of the state so in my component I added a computed property like so </p>
  
  <pre><code>computed: {
      getComboBoxNewValues() {
          return this.$store.state.comboBoxNewValues;
      }
  }
  </code></pre>
  
  <p>When I debug using vue-dev-tools, the components computed property has data. Whenever the data changes using mutation in the vuex, that data is reflected in the computed property as well.</p>
  
  <p>Now I add a watcher to it like so </p>
  
  <pre><code>watch: {
  
      getComboBoxNewValues:{
  
          handler: function(to, from) {
              console.log("reload");
  
          },
          deep: true
      }
  
  }
  </code></pre>
  
  <p>The problem is that the never never gets called, no matter how many times the data has changed in the computed property. Please advice on what I am missing.</p>