title: Detect change to modelValue in Vue 3
body: <p>Is there a way to detect change to modelValue in a custom component? I want to push the change to a wysiwyg editor.</p>
  <p>I tried watching modelValue but emitting update for modelValue triggered that watch, which created circular data flow.</p>
  <p>Code:</p>
  <pre class="lang-js prettyprint-override"><code>export default {
    props: ['modelValue'],
    watch: {
      modelValue (val) {
        this.editor.editor.loadHTML(val)
      }
    },
    mounted () {
      this.editor.editor.loadHTML(val)
      this.editor.addEventListener('trix-change', 
        (event) =&gt; this.$emit('update:modelValue', event.target.value))
    }
  }
  </code></pre>
  <pre class="lang-html prettyprint-override"><code>&lt;TextEditor v-model=&quot;someHtml&quot;&gt;&lt;/TextEditor&gt;
  </code></pre>