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.
108 lines
3.1 KiB
108 lines
3.1 KiB
3 years ago
|
/**
|
||
|
|
* @fileoverview This rule warns about the usage of extra whitespaces between attributes
|
||
|
|
* @author Armano
|
||
|
|
*/
|
||
|
|
'use strict'
|
||
|
|
|
||
|
|
const path = require('path')
|
||
|
|
|
||
|
|
// ------------------------------------------------------------------------------
|
||
|
|
// Rule Definition
|
||
|
|
// ------------------------------------------------------------------------------
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {RuleContext} context
|
||
|
|
* @param {Token} node
|
||
|
|
*/
|
||
|
|
const isProperty = (context, node) => {
|
||
|
|
const sourceCode = context.getSourceCode()
|
||
|
|
return node.type === 'Punctuator' && sourceCode.getText(node) === ':'
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
meta: {
|
||
|
|
type: 'layout',
|
||
|
|
docs: {
|
||
|
|
description: 'disallow multiple spaces',
|
||
|
|
categories: ['vue3-strongly-recommended', 'strongly-recommended'],
|
||
|
|
url: 'https://eslint.vuejs.org/rules/no-multi-spaces.html'
|
||
|
|
},
|
||
|
|
fixable: 'whitespace', // or "code" or "whitespace"
|
||
|
|
schema: [
|
||
|
|
{
|
||
|
|
type: 'object',
|
||
|
|
properties: {
|
||
|
|
ignoreProperties: {
|
||
|
|
type: 'boolean'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
additionalProperties: false
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @param {RuleContext} context - The rule context.
|
||
|
|
* @returns {RuleListener} AST event handlers.
|
||
|
|
*/
|
||
|
|
create(context) {
|
||
|
|
const options = context.options[0] || {}
|
||
|
|
const ignoreProperties = options.ignoreProperties === true
|
||
|
|
|
||
|
|
return {
|
||
|
|
Program(node) {
|
||
|
|
if (context.parserServices.getTemplateBodyTokenStore == null) {
|
||
|
|
const filename = context.getFilename()
|
||
|
|
if (path.extname(filename) === '.vue') {
|
||
|
|
context.report({
|
||
|
|
loc: { line: 1, column: 0 },
|
||
|
|
message:
|
||
|
|
'Use the latest vue-eslint-parser. See also https://eslint.vuejs.org/user-guide/#what-is-the-use-the-latest-vue-eslint-parser-error.'
|
||
|
|
})
|
||
|
|
}
|
||
|
|
return
|
||
|
|
}
|
||
|
|
if (!node.templateBody) {
|
||
|
|
return
|
||
|
|
}
|
||
|
|
const sourceCode = context.getSourceCode()
|
||
|
|
const tokenStore = context.parserServices.getTemplateBodyTokenStore()
|
||
|
|
const tokens = tokenStore.getTokens(node.templateBody, {
|
||
|
|
includeComments: true
|
||
|
|
})
|
||
|
|
|
||
|
|
let prevToken = /** @type {Token} */ (tokens.shift())
|
||
|
|
for (const token of tokens) {
|
||
|
|
const spaces = token.range[0] - prevToken.range[1]
|
||
|
|
const shouldIgnore =
|
||
|
|
ignoreProperties &&
|
||
|
|
(isProperty(context, token) || isProperty(context, prevToken))
|
||
|
|
if (
|
||
|
|
spaces > 1 &&
|
||
|
|
token.loc.start.line === prevToken.loc.start.line &&
|
||
|
|
!shouldIgnore
|
||
|
|
) {
|
||
|
|
context.report({
|
||
|
|
node: token,
|
||
|
|
loc: {
|
||
|
|
start: prevToken.loc.end,
|
||
|
|
end: token.loc.start
|
||
|
|
},
|
||
|
|
message: "Multiple spaces found before '{{displayValue}}'.",
|
||
|
|
fix: (fixer) =>
|
||
|
|
fixer.replaceTextRange(
|
||
|
|
[prevToken.range[1], token.range[0]],
|
||
|
|
' '
|
||
|
|
),
|
||
|
|
data: {
|
||
|
|
displayValue: sourceCode.getText(token)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
prevToken = token
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|