ember-template-lint/lib/rules/no-arguments-for-html-elements.js

Linter for Ember or Handlebars templates.

import isAngleBracketComponent from '../helpers/is-angle-bracket-component.js';
import Rule from './_base.js';

function makeError(attrName, tagName) {
  return `Arguments (${attrName}) should not be used on HTML elements (<${tagName}>).`;
}

export default class NoArgumentsForHTMLElements extends Rule {
  /**
   * @returns {import('./types.js').VisitorReturnType<NoArgumentsForHTMLElements>}
   */
  visitor() {
    function looksLikeHTMLElement(scope, node) {
      const isComponent = isAngleBracketComponent(scope, node);
      const isSlot = node.tag.startsWith(':');
      const isPath = node.tag.includes('.');
      return !isComponent && !isSlot && !isPath;
    }

    return {
      ElementNode(node) {
        if (looksLikeHTMLElement(this.scope, node)) {
          for (const attr of node.attributes) {
            const { name } = attr;
            if (name.startsWith('@')) {
              this.log({
                message: makeError(name, node.tag),
                node: attr,
              });
            }
          }
        }
      },
    };
  }
}