title: How to listen for changes in state object loaded from API?
body: <p>If I set state object like this: </p>
  
  <pre><code>const state: {
      tools: {
          tool1: {
              status: true.
              state: 
          },
          tool2: {
              status: false.
              state: 1
          }
      }
  }
  </code></pre>
  
  <p>on view side everything is changing correctly when I change for example status using mutation. </p>
  
  <p>But If i set tools using API response: </p>
  
  <pre><code>state.tools = response.tools;
  </code></pre>
  
  <p>where response is 100% identical nothing happens. State object has changes which can also be seen in Vue debuger.</p>
  
  <p>So what I have tried is to add
  const state: {
          tools: {
              tool0: {
                  status: true.
                  state: 
              }
          }
      }</p>
  
  <p>and added tool1 and tool1 from ajax (so my object had 3 child element tool0, tool1, tool3). So if I trigger change on tool1 or tool2 (loaded by ajax) nothing happened. But when I trigger change on tool0 (hardcoded before) everything works fine - in this case also settings set on ajax loaded content are applied.</p>
  
  <p>Thanks for any hint!</p>