pageClass	sidebarDepth	title	description
rule-details	0	vue/no-deprecated-model-definition	disallow deprecated `model` definition (in Vue.js 3.0.0+)

vue/no-deprecated-model-definition

disallow deprecated model definition (in Vue.js 3.0.0+)

❗ This rule has not been released yet.
💡 Some problems reported by this rule are manually fixable by editor suggestions.

📖 Rule Details

This rule reports use of the component model option, which has been deprecated in Vue.js 3.0.0+.

<script>
export default defineComponent({
  model: {
    prop: 'my-value',
    event: 'input'
  }
})
</script>

{
  "vue/no-deprecated-model-definition": ["error", {
    "allowVue3Compat": true
  }]
}

Allow model definitions with prop/event names that match the Vue.js 3.0.0+ v-model syntax, e.g. fooBar/update:fooBar.

<script>
export default defineComponent({
  model: {
    prop: 'fooBar',
    event: 'update:fooBar'
  }
})
</script>