Skip to content

vue/no-unsupported-features

disallow unsupported Vue.js syntax on the specified version

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule reports unsupported Vue.js syntax on the specified version.

🔧 Options

json
{
  "vue/no-unsupported-features": ["error", {
    "version": "^2.6.0",
    "ignores": []
  }]
}
  • version ... The version option accepts the valid version range of node-semver. Set the version of Vue.js you are using. This option is required.
  • ignores ... You can use this ignores option to ignore the given features. The "ignores" option accepts an array of the following strings.

{"version": "^2.6.0"}

<template> <!-- ✓ GOOD --> <MyInput v-bind:foo.sync="val" /> <!-- ✗ BAD --> <!-- argument on `v-model` --> <MyInput v-model:foo="val" /> <!-- custom modifiers on `v-model` --> <MyComp v-model.foo.bar="text" /> </template>
Now loading...

{"version": "^2.5.0"}

<template> <!-- ✓ GOOD --> <CustomComponent :foo="val" /> <ListComponent> <template slot="name" slot-scope="props"> {{ props.title }} </template> </ListComponent> <!-- ✗ BAD --> <!-- dynamic directive arguments --> <CustomComponent :[foo]="val" /> <ListComponent> <!-- v-slot --> <template v-slot:name="props"> {{ props.title }} </template> <template #name="props"> {{ props.title }} </template> </ListComponent> </template>
Now loading...

📚 Further Reading

🚀 Version

This rule was introduced in eslint-plugin-vue v6.1.0

🔍 Implementation