123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119 |
- 'use strict'
- const utils = require('../utils')
- const SPECIAL_TEMPLATE_DIRECTIVES = new Set([
- 'if',
- 'else',
- 'else-if',
- 'for',
- 'slot'
- ])
- module.exports = {
- meta: {
- type: 'problem',
- docs: {
- description: 'disallow useless attribute on `<template>`',
- categories: ['vue3-essential', 'essential'],
- url: 'https://eslint.vuejs.org/rules/no-useless-template-attributes.html'
- },
- fixable: null,
- schema: [],
- messages: {
- unexpectedAttr: 'Unexpected useless attribute on `<template>`.',
- unexpectedDir: 'Unexpected useless directive on `<template>`.'
- }
- },
-
- create(context) {
-
- function getKeyName(attr) {
- if (attr.directive) {
- if (attr.key.name.name !== 'bind') {
-
- return null
- }
- if (
- !attr.key.argument ||
- attr.key.argument.type === 'VExpressionContainer'
- ) {
-
- return null
- }
- return attr.key.argument.name
- }
- return attr.key.name
- }
-
- function isFragmentTemplateAttribute(attr) {
- if (attr.directive) {
- const directiveName = attr.key.name.name
- if (SPECIAL_TEMPLATE_DIRECTIVES.has(directiveName)) {
- return true
- }
- if (directiveName === 'slot-scope') {
-
- return true
- }
- if (directiveName === 'scope') {
-
- return true
- }
- }
- const keyName = getKeyName(attr)
- if (keyName === 'slot') {
-
- return true
- }
- return false
- }
- return utils.defineTemplateBodyVisitor(context, {
-
- "VElement[name='template'][parent.type='VElement'] > VStartTag"(node) {
- if (!node.attributes.some(isFragmentTemplateAttribute)) {
- return
- }
- for (const attr of node.attributes) {
- if (isFragmentTemplateAttribute(attr)) {
- continue
- }
- const keyName = getKeyName(attr)
- if (keyName === 'key') {
- continue
- }
- context.report({
- node: attr,
- messageId: attr.directive ? 'unexpectedDir' : 'unexpectedAttr'
- })
- }
- }
- })
- }
- }
|