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.
72 lines
2.1 KiB
72 lines
2.1 KiB
3 years 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'
|
||
|
|
|
||
|
|
// ------------------------------------------------------------------------------
|
||
|
|
// Requirements
|
||
|
|
// ------------------------------------------------------------------------------
|
||
|
|
|
||
|
|
const utils = require('../utils')
|
||
|
|
|
||
|
|
// ------------------------------------------------------------------------------
|
||
|
|
// Rule Definition
|
||
|
|
// ------------------------------------------------------------------------------
|
||
|
|
|
||
|
|
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'] }]
|
||
|
|
},
|
||
|
|
/** @param {RuleContext} context */
|
||
|
|
create(context) {
|
||
|
|
const preferredDelimiter =
|
||
|
|
/** @type {string|undefined} */ (context.options[0]) || 'in'
|
||
|
|
|
||
|
|
return utils.defineTemplateBodyVisitor(context, {
|
||
|
|
/** @param {VForExpression} node */
|
||
|
|
VForExpression(node) {
|
||
|
|
const tokenStore =
|
||
|
|
context.parserServices.getTemplateBodyTokenStore &&
|
||
|
|
context.parserServices.getTemplateBodyTokenStore()
|
||
|
|
|
||
|
|
const delimiterToken = /** @type {Token} */ (
|
||
|
|
tokenStore.getTokenAfter(
|
||
|
|
node.left.length
|
||
|
|
? node.left[node.left.length - 1]
|
||
|
|
: tokenStore.getFirstToken(node),
|
||
|
|
(token) => token.type !== 'Punctuator' || token.value !== ')'
|
||
|
|
)
|
||
|
|
)
|
||
|
|
|
||
|
|
if (delimiterToken.value === preferredDelimiter) {
|
||
|
|
return
|
||
|
|
}
|
||
|
|
|
||
|
|
context.report({
|
||
|
|
node,
|
||
|
|
loc: node.loc,
|
||
|
|
message: `Expected '{{preferredDelimiter}}' instead of '{{usedDelimiter}}' in 'v-for'.`,
|
||
|
|
data: {
|
||
|
|
preferredDelimiter,
|
||
|
|
usedDelimiter: delimiterToken.value
|
||
|
|
},
|
||
|
|
*fix(fixer) {
|
||
|
|
yield fixer.replaceText(delimiterToken, preferredDelimiter)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|