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.
130 lines
3.8 KiB
130 lines
3.8 KiB
1 month ago
|
/**
|
||
|
* @author Toru Nagashima <https://github.com/mysticatea>
|
||
|
*/
|
||
|
|
||
|
'use strict'
|
||
|
|
||
|
const utils = require('../utils')
|
||
|
|
||
|
/**
|
||
|
* @typedef { {startTag?:"always"|"never",endTag?:"always"|"never",selfClosingTag?:"always"|"never"} } Options
|
||
|
*/
|
||
|
|
||
|
/**
|
||
|
* Normalize options.
|
||
|
* @param {Options} options The options user configured.
|
||
|
* @param {ParserServices.TokenStore} tokens The token store of template body.
|
||
|
* @returns {Options & { detectType: (node: VStartTag | VEndTag) => 'never' | 'always' | null }} The normalized options.
|
||
|
*/
|
||
|
function parseOptions(options, tokens) {
|
||
|
const opts = Object.assign(
|
||
|
{
|
||
|
startTag: 'never',
|
||
|
endTag: 'never',
|
||
|
selfClosingTag: 'always'
|
||
|
},
|
||
|
options
|
||
|
)
|
||
|
return Object.assign(opts, {
|
||
|
/**
|
||
|
* @param {VStartTag | VEndTag} node
|
||
|
* @returns {'never' | 'always' | null}
|
||
|
*/
|
||
|
detectType(node) {
|
||
|
const openType = tokens.getFirstToken(node).type
|
||
|
const closeType = tokens.getLastToken(node).type
|
||
|
|
||
|
if (openType === 'HTMLEndTagOpen' && closeType === 'HTMLTagClose') {
|
||
|
return opts.endTag
|
||
|
}
|
||
|
if (openType === 'HTMLTagOpen' && closeType === 'HTMLTagClose') {
|
||
|
return opts.startTag
|
||
|
}
|
||
|
if (
|
||
|
openType === 'HTMLTagOpen' &&
|
||
|
closeType === 'HTMLSelfClosingTagClose'
|
||
|
) {
|
||
|
return opts.selfClosingTag
|
||
|
}
|
||
|
return null
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
module.exports = {
|
||
|
meta: {
|
||
|
type: 'layout',
|
||
|
docs: {
|
||
|
description: "require or disallow a space before tag's closing brackets",
|
||
|
categories: ['vue3-strongly-recommended', 'vue2-strongly-recommended'],
|
||
|
url: 'https://eslint.vuejs.org/rules/html-closing-bracket-spacing.html'
|
||
|
},
|
||
|
fixable: 'whitespace',
|
||
|
schema: [
|
||
|
{
|
||
|
type: 'object',
|
||
|
properties: {
|
||
|
startTag: { enum: ['always', 'never'] },
|
||
|
endTag: { enum: ['always', 'never'] },
|
||
|
selfClosingTag: { enum: ['always', 'never'] }
|
||
|
},
|
||
|
additionalProperties: false
|
||
|
}
|
||
|
],
|
||
|
messages: {
|
||
|
missing: "Expected a space before '{{bracket}}', but not found.",
|
||
|
unexpected: "Expected no space before '{{bracket}}', but found."
|
||
|
}
|
||
|
},
|
||
|
/** @param {RuleContext} context */
|
||
|
create(context) {
|
||
|
const sourceCode = context.getSourceCode()
|
||
|
const tokens =
|
||
|
sourceCode.parserServices.getTemplateBodyTokenStore &&
|
||
|
sourceCode.parserServices.getTemplateBodyTokenStore()
|
||
|
const options = parseOptions(context.options[0], tokens)
|
||
|
|
||
|
return utils.defineDocumentVisitor(context, {
|
||
|
/** @param {VStartTag | VEndTag} node */
|
||
|
'VStartTag, VEndTag'(node) {
|
||
|
const type = options.detectType(node)
|
||
|
const lastToken = tokens.getLastToken(node)
|
||
|
const prevToken = tokens.getLastToken(node, 1)
|
||
|
|
||
|
// Skip if EOF exists in the tag or linebreak exists before `>`.
|
||
|
if (
|
||
|
type == null ||
|
||
|
prevToken == null ||
|
||
|
prevToken.loc.end.line !== lastToken.loc.start.line
|
||
|
) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
// Check and report.
|
||
|
const hasSpace = prevToken.range[1] !== lastToken.range[0]
|
||
|
if (type === 'always' && !hasSpace) {
|
||
|
context.report({
|
||
|
node,
|
||
|
loc: lastToken.loc,
|
||
|
messageId: 'missing',
|
||
|
data: { bracket: sourceCode.getText(lastToken) },
|
||
|
fix: (fixer) => fixer.insertTextBefore(lastToken, ' ')
|
||
|
})
|
||
|
} else if (type === 'never' && hasSpace) {
|
||
|
context.report({
|
||
|
node,
|
||
|
loc: {
|
||
|
start: prevToken.loc.end,
|
||
|
end: lastToken.loc.end
|
||
|
},
|
||
|
messageId: 'unexpected',
|
||
|
data: { bracket: sourceCode.getText(lastToken) },
|
||
|
fix: (fixer) =>
|
||
|
fixer.removeRange([prevToken.range[1], lastToken.range[0]])
|
||
|
})
|
||
|
}
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
}
|