title: Vue 3 watch doesn’t work if I watch a destructured prop
body: <p>I am trying to watch a prop in Vue 3 but it is strange that when I destructure it then the watcher doesn't work. But without destructuring it works as expected. What am I missing here?</p>
  <p><em>P.S. I am using Vue 3 + Vite</em></p>
  <p><strong>This is not working</strong></p>
  <pre><code>export default {
      props: {
          modelValue: {
              type: Boolean,
              default: false,
          },
      },
  
      setup({ modelValue }, context)
      {
          watch(() =&gt; modelValue, (newValue, oldValue) =&gt; {
              console.log(newValue)
          })
      },
  }
  </code></pre>
  <p>But if I don’t destructure it then <strong>it works</strong></p>
  <pre><code>setup(props, context) {
      watch(() =&gt; props.modelValue, (newValue, oldValue) =&gt; {
          console.log(newValue)
      })
  }
  </code></pre>