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.
83 lines
1.7 KiB
83 lines
1.7 KiB
1 month ago
|
/**
|
||
|
* @author kevsommer Kevin Sommer
|
||
|
* See LICENSE file in root directory for full license.
|
||
|
*/
|
||
|
'use strict'
|
||
|
|
||
|
module.exports = {
|
||
|
meta: {
|
||
|
type: 'problem',
|
||
|
docs: {
|
||
|
description: 'enforce maximum depth of template',
|
||
|
categories: undefined,
|
||
|
url: 'https://eslint.vuejs.org/rules/max-template-depth.html'
|
||
|
},
|
||
|
fixable: null,
|
||
|
schema: [
|
||
|
{
|
||
|
type: 'object',
|
||
|
properties: {
|
||
|
maxDepth: {
|
||
|
type: 'integer',
|
||
|
minimum: 1
|
||
|
}
|
||
|
},
|
||
|
additionalProperties: false,
|
||
|
minProperties: 1
|
||
|
}
|
||
|
],
|
||
|
messages: {
|
||
|
templateTooDeep:
|
||
|
'Element is nested too deeply (depth of {{depth}}, maximum allowed is {{limit}}).'
|
||
|
}
|
||
|
},
|
||
|
/** @param {RuleContext} context */
|
||
|
create(context) {
|
||
|
const option = context.options[0] || {}
|
||
|
|
||
|
/**
|
||
|
* @param {VElement} element
|
||
|
* @param {number} curDepth
|
||
|
*/
|
||
|
function checkMaxDepth(element, curDepth) {
|
||
|
if (curDepth > option.maxDepth) {
|
||
|
context.report({
|
||
|
node: element,
|
||
|
messageId: 'templateTooDeep',
|
||
|
data: {
|
||
|
depth: curDepth,
|
||
|
limit: option.maxDepth
|
||
|
}
|
||
|
})
|
||
|
}
|
||
|
|
||
|
if (!element.children) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
for (const child of element.children) {
|
||
|
if (child.type === 'VElement') {
|
||
|
checkMaxDepth(child, curDepth + 1)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
/** @param {Program} program */
|
||
|
Program(program) {
|
||
|
const element = program.templateBody
|
||
|
|
||
|
if (element == null) {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
if (element.type !== 'VElement') {
|
||
|
return
|
||
|
}
|
||
|
|
||
|
checkMaxDepth(element, 0)
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|