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.
69 lines
1.9 KiB
69 lines
1.9 KiB
1 month ago
|
/**
|
||
|
|
* @fileoverview enforce `v-for` directive's delimiter style
|
||
|
|
* @author Flo Edelmann
|
||
|
|
* @copyright 2020 Flo Edelmann. All rights reserved.
|
||
|
|
* See LICENSE file in root directory for full license.
|
||
|
|
*/
|
||
|
|
'use strict'
|
||
|
|
|
||
|
|
const utils = require('../utils')
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
meta: {
|
||
|
|
type: 'layout',
|
||
|
|
docs: {
|
||
|
|
description: "enforce `v-for` directive's delimiter style",
|
||
|
|
categories: undefined,
|
||
|
|
recommended: false,
|
||
|
|
url: 'https://eslint.vuejs.org/rules/v-for-delimiter-style.html'
|
||
|
|
},
|
||
|
|
fixable: 'code',
|
||
|
|
schema: [{ enum: ['in', 'of'] }],
|
||
|
|
messages: {
|
||
|
|
expected:
|
||
|
|
"Expected '{{preferredDelimiter}}' instead of '{{usedDelimiter}}' in 'v-for'."
|
||
|
|
}
|
||
|
|
},
|
||
|
|
/** @param {RuleContext} context */
|
||
|
|
create(context) {
|
||
|
|
const preferredDelimiter =
|
||
|
|
/** @type {string|undefined} */ (context.options[0]) || 'in'
|
||
|
|
|
||
|
|
return utils.defineTemplateBodyVisitor(context, {
|
||
|
|
/** @param {VForExpression} node */
|
||
|
|
VForExpression(node) {
|
||
|
|
const sourceCode = context.getSourceCode()
|
||
|
|
const tokenStore =
|
||
|
|
sourceCode.parserServices.getTemplateBodyTokenStore &&
|
||
|
|
sourceCode.parserServices.getTemplateBodyTokenStore()
|
||
|
|
|
||
|
|
const delimiterToken = /** @type {Token} */ (
|
||
|
|
tokenStore.getTokenAfter(
|
||
|
|
node.left.length > 0
|
||
|
|
? node.left[node.left.length - 1]
|
||
|
|
: tokenStore.getFirstToken(node),
|
||
|
|
(token) => token.type !== 'Punctuator'
|
||
|
|
)
|
||
|
|
)
|
||
|
|
|
||
|
|
if (delimiterToken.value === preferredDelimiter) {
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
context.report({
|
||
|
|
node,
|
||
|
|
loc: node.loc,
|
||
|
|
messageId: 'expected',
|
||
|
|
data: {
|
||
|
|
preferredDelimiter,
|
||
|
|
usedDelimiter: delimiterToken.value
|
||
|
|
},
|
||
|
|
*fix(fixer) {
|
||
|
|
yield fixer.replaceText(delimiterToken, preferredDelimiter)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|