ember-template-lint/lib/rules/no-link-to-tagname.js

Linter for Ember or Handlebars templates.

import Rule from './_base.js';

const ERROR_MESSAGE = 'Overriding `tagName` on `LinkTo` components is not allowed';

export default class NoLinkToTagname extends Rule {
  /**
   * @returns {import('./types.js').VisitorReturnType<NoLinkToTagname>}
   */
  visitor() {
    return {
      ElementNode(node) {
        this.processAngleBracket(node);
      },

      BlockStatement(node) {
        this.processCurly(node);
      },

      MustacheStatement(node) {
        this.processCurly(node);
      },
    };
  }

  processAngleBracket(node) {
    let { attributes, tag } = node;
    if (tag !== 'LinkTo') {
      return;
    }

    let tagNameAttr = attributes.find((it) => it.name === '@tagName');
    if (tagNameAttr) {
      this.log({
        message: ERROR_MESSAGE,
        node: tagNameAttr,
      });
    }
  }

  processCurly(node) {
    let { hash, path } = node;
    if (path.type !== 'PathExpression' || path.original !== 'link-to') {
      return;
    }

    let tagNameHashPair = hash.pairs.find((it) => it.key === 'tagName');
    if (tagNameHashPair) {
      this.log({
        message: ERROR_MESSAGE,
        node: tagNameHashPair,
      });
    }
  }
}