Deprecation of .sync modifier on v-bind directive JS-0654

In Vue 3.0, v-bind's .sync modifier should be replaced with an argument on v-model.

Bad Practice

  <MyComponent v-bind:propName.sync="foo"/>
  <MyComponent v-bind:[dynamiArg].sync="foo"/>
  <MyComponent v-bind.sync="foo"/>
  <MyComponent :propName.sync="foo"/>

Recommended

<MyComponent v-model:title="title" />
<MyComponent v-bind:propName="foo"/>
<MyComponent :propName="foo"/>