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.
79 lines
2.1 KiB
79 lines
2.1 KiB
3 years ago
|
/**
|
||
|
* @author Yosuke Ota
|
||
|
* See LICENSE file in root directory for full license.
|
||
|
*/
|
||
|
'use strict'
|
||
|
|
||
|
// ------------------------------------------------------------------------------
|
||
|
// Requirements
|
||
|
// ------------------------------------------------------------------------------
|
||
|
|
||
|
const utils = require('../utils')
|
||
|
|
||
|
// ------------------------------------------------------------------------------
|
||
|
// Rule Definition
|
||
|
// ------------------------------------------------------------------------------
|
||
|
|
||
|
module.exports = {
|
||
|
meta: {
|
||
|
type: 'problem',
|
||
|
docs: {
|
||
|
description:
|
||
|
'disallow using deprecated `$scopedSlots` (in Vue.js 3.0.0+)',
|
||
|
categories: ['vue3-essential'],
|
||
|
url: 'https://eslint.vuejs.org/rules/no-deprecated-dollar-scopedslots-api.html'
|
||
|
},
|
||
|
fixable: 'code',
|
||
|
schema: [],
|
||
|
messages: {
|
||
|
deprecated: 'The `$scopedSlots` is deprecated.'
|
||
|
}
|
||
|
},
|
||
|
/** @param {RuleContext} context */
|
||
|
create(context) {
|
||
|
return utils.defineTemplateBodyVisitor(
|
||
|
context,
|
||
|
{
|
||
|
VExpressionContainer(node) {
|
||
|
for (const reference of node.references) {
|
||
|
if (reference.variable != null) {
|
||
|
// Not vm reference
|
||
|
continue
|
||
|
}
|
||
|
if (reference.id.name === '$scopedSlots') {
|
||
|
context.report({
|
||
|
node: reference.id,
|
||
|
messageId: 'deprecated',
|
||
|
fix(fixer) {
|
||
|
return fixer.replaceText(reference.id, '$slots')
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
utils.defineVueVisitor(context, {
|
||
|
MemberExpression(node) {
|
||
|
if (
|
||
|
node.property.type !== 'Identifier' ||
|
||
|
node.property.name !== '$scopedSlots'
|
||
|
) {
|
||
|
return
|
||
|
}
|
||
|
if (!utils.isThis(node.object, context)) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
context.report({
|
||
|
node: node.property,
|
||
|
messageId: 'deprecated',
|
||
|
fix(fixer) {
|
||
|
return fixer.replaceText(node.property, '$slots')
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
})
|
||
|
)
|
||
|
}
|
||
|
}
|