[packages/vue-2]: Avoid mutating a prop directly error message

[HondryTravis]

What’s the bug you are facing?

vue.esm.js:628 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. 
Instead, use a data or computed property based on the prop's value. Prop being mutated: "selected"

Which browser was this experienced in? Are any special extensions installed?

browser: mac chrome 102.0.5005.61 (x86_64)
special extensions installed: No

How can we reproduce the bug on our side?

just useing nodeview will tirgger this error;

// ...
import { VueNodeViewRenderer } from '@tiptap/vue-2'

// ...
const other = extension.extend({
   addNodeView(){
      return VueNodeViewRenderer(somethingView);
   }
})

just refresh browser will see this error

Can you provide a CodeSandbox?

No response

What did you expect to happen?

this error message is who changes vue-2/src/VueNodeViewRenderer.ts:89

// @ts-ignore
const vue = this.editor.contentComponent?.$options._base ?? Vue // eslint-disable-line

vue-2/src/VueRenderer.ts:17：invalidate Vue.config.silent configuration in updateProps method，it's not work. Vue constructor is different

updateProps(props: Record<string, any> = {}): void {
  if (!this.ref.$props) {
    return
  }

  // prevents `Avoid mutating a prop directly` error message
  // here
  const originalSilent = Vue.config.silent

  Vue.config.silent = true

  Object
    .entries(props)
    .forEach(([key, value]) => {
      this.ref.$props[key] = value
    })

  Vue.config.silent = originalSilent
}

this is fixed methods

fixed:

it's working vue2

updateProps(props: Record<string, any> = {}): void {
  if (!this.ref.$props) {
    return
  }

  // prevents `Avoid mutating a prop directly` error message
  // const originalSilent = Vue.config.silent
  const currentVue = this.ref.$props.editor.contentComponent?.$options._base ?? Vue;
  const originalSilent = currentVue.config.silent
  currentVue.config.silent = true

  Object
    .entries(props)
    .forEach(([key, value]) => {
      this.ref.$props[key] = value
    })

  currentVue.config.silent = originalSilent
}

I hope fixed this error;

Anything to add? (optional)

No response

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖

[HondryTravis]

For more info pls see pull requests 2834