「v-bind」ディレクティブの「.sync」修飾子は非推奨になりました。代わりに「v-modelpropName」を使用してください。

「v-bind」ディレクティブの「.sync」修飾子は非推奨になりました。代わりに「v-model:propName」を使用してください。eslint-plugin-vue

理由

vue3 は.sync属性の双方向バインディングを放棄し、代わりにそれを使用しましたv-model:propName

解決

<template>
  <!-- ✓ GOOD -->
  <MyComponent v-bind:propName="foo"/>
  <MyComponent :propName="foo"/>


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

公式 Web サイトの変更手順: vue/no-deprecated-v-bind-sync | eslint-plugin-vue (vuejs.org)