You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

54 lines
1.6 KiB

/**
* @author Przemyslaw Falowski (@przemkow)
* @fileoverview Disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)
*/
'use strict'
const utils = require('../utils')
module.exports = {
meta: {
type: 'problem',
docs: {
description:
'disallow use of deprecated `.sync` modifier on `v-bind` directive (in Vue.js 3.0.0+)',
categories: ['vue3-essential'],
url: 'https://eslint.vuejs.org/rules/no-deprecated-v-bind-sync.html'
},
fixable: 'code',
schema: [],
messages: {
syncModifierIsDeprecated:
"'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."
}
},
/** @param {RuleContext} context */
create(context) {
return utils.defineTemplateBodyVisitor(context, {
"VAttribute[directive=true][key.name.name='bind']"(node) {
if (node.key.modifiers.map((mod) => mod.name).includes('sync')) {
context.report({
node,
loc: node.loc,
messageId: 'syncModifierIsDeprecated',
fix(fixer) {
if (node.key.argument == null) {
// is using spread syntax
return null
}
if (node.key.modifiers.length > 1) {
// has multiple modifiers
return null
}
const bindArgument = context
.getSourceCode()
.getText(node.key.argument)
return fixer.replaceText(node.key, `v-model:${bindArgument}`)
}
})
}
}
})
}
}