title: vuejs boolean props watch doesn't trigger
body: <p>I'm working on a vue cli project where items have two state equipped and unequipped.</p>
  <p>This State is controlled by a Boolean located in the Props. Since you can switch the state I had to create a data isEquipped set to false by default.</p>
  <p>I then added a watcher but it doesn't change my data value if my props is set to True.</p>
  <p>Here's the code</p>
  <pre><code>name: &quot;Item&quot;,
          props: {
              Index : Number,
              name: String,
              desc : String,
              bonus: Array,
              equipped  : Boolean
          },
          data() {
              return {
                  isEquipped : false
              }
          },
          watch: {
              equipped: function(stateEquipped) {
                  this.isEquipped = stateEquipped;
              },
          },
  </code></pre>
  <p>So for instance let's say I created a new item with equipped set to True, the watcher doesn't trigger and isEquipped stays at False, is there any reason to that ?</p>
  <p>I came across multiple similar questions like this one <a href="https://stackoverflow.com/questions/64270456/vue-watch-not-triggering-on-a-boolean-change">Vue @Watch not triggering on a boolean change</a> but none of them helped me</p>