no-deprecated-v-bind-sync.md

Pattern: Use of deprecated .sync modifier on v-bind

Issue: -

Description

This rule reports use of deprecated .sync modifier on v-bind directive (in Vue.js 3.0.0+).

<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>

Further Reading

• eslint-plugin-vue - no-deprecated-v-bind-sync
• Migration Guide - v-model
• Vue RFCs - 0005-replace-v-bind-sync-with-v-model-argument