Extract rule: template-self-closing-void-elements

Author: NullVoxPopuli

README.md

@@ -245,6 +245,7 @@ rules in templates can be disabled with eslint directives with mustache or html
 | [template-no-obsolete-elements](docs/rules/template-no-obsolete-elements.md)                                 | disallow obsolete HTML elements                                              |    |    |    |
 | [template-no-outlet-outside-routes](docs/rules/template-no-outlet-outside-routes.md)                         | disallow {{outlet}} outside of route templates                               |    |    |    |
 | [template-no-page-title-component](docs/rules/template-no-page-title-component.md)                           | disallow usage of ember-page-title component                                 |    |    |    |
+| [template-self-closing-void-elements](docs/rules/template-self-closing-void-elements.md)                     | require self-closing on void elements                                        |    | 🔧 |    |
 | [template-simple-modifiers](docs/rules/template-simple-modifiers.md)                                         | require simple modifier syntax                                               |    |    |    |
 | [template-simple-unless](docs/rules/template-simple-unless.md)                                               | require simple conditions in unless blocks                                   |    |    |    |
 | [template-splat-attributes-only](docs/rules/template-splat-attributes-only.md)                               | disallow ...spread other than ...attributes                                  |    |    |    |

docs/rules/template-self-closing-void-elements.md

@@ -0,0 +1,64 @@
+# ember/template-self-closing-void-elements
+
+🔧 This rule is automatically fixable by the [`--fix` CLI option](https://eslint.org/docs/latest/user-guide/command-line-interface#--fix).
+
+<!-- end auto-generated rule header -->
+
+Disallow or require self-closing void elements.
+
+## Rule Details
+
+Void elements (like `<img>`, `<br>`, `<input>`, etc.) cannot have child content. By default, this rule disallows redundant self-closing syntax (`/>`) on void elements since it's unnecessary in HTML.
+
+## Config
+
+This rule accepts a single option:
+
+- `true` (default) — disallow self-closing void elements (e.g., `<br />` → `<br>`)
+- `"require"` — require self-closing void elements (e.g., `<br>` → `<br />`)
+
+## Examples
+
+Examples of **incorrect** code for this rule (with default config):
+
+```gjs
+<template>
+  <img src="foo.jpg" />
+</template>
+```
+
+```gjs
+<template>
+  <br />
+</template>
+```
+
+```gjs
+<template>
+  <input type="text" />
+</template>
+```
+
+Examples of **correct** code for this rule (with default config):
+
+```gjs
+<template>
+  <img src="foo.jpg">
+</template>
+```
+
+```gjs
+<template>
+  <br>
+</template>
+```
+
+```gjs
+<template>
+  <input type="text">
+</template>
+```
+
+## References
+
+- [eslint-plugin-ember template-self-closing-void-elements](https://github.com/ember-cli/eslint-plugin-ember/blob/master/docs/rules/template-self-closing-void-elements.md)

lib/rules/template-self-closing-void-elements.js

@@ -0,0 +1,76 @@
+/** @type {import('eslint').Rule.RuleModule} */
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'require self-closing on void elements',
+      category: 'Best Practices',
+      url: 'https://github.com/ember-cli/eslint-plugin-ember/tree/master/docs/rules/template-self-closing-void-elements.md',
+      templateMode: 'both',
+    },
+    fixable: 'code',
+    schema: [
+      {
+        oneOf: [{ type: 'boolean' }, { type: 'string', enum: ['require'] }],
+      },
+    ],
+    messages: {
+      redundantSelfClosing: 'Self-closing a void element is redundant.',
+      requireSelfClosing: 'Self-closing a void element is required.',
+    },
+    originallyFrom: {
+      name: 'ember-template-lint',
+      rule: 'lib/rules/self-closing-void-elements.js',
+      docs: 'docs/rule/self-closing-void-elements.md',
+      tests: 'test/unit/rules/self-closing-void-elements-test.js',
+    },
+  },
+
+  create(context) {
+    const VOID_ELEMENTS = new Set([
+      'area',
+      'base',
+      'br',
+      'col',
+      'command',
+      'embed',
+      'hr',
+      'img',
+      'input',
+      'keygen',
+      'link',
+      'meta',
+      'param',
+      'source',
+      'track',
+      'wbr',
+    ]);
+
+    const config = context.options[0];
+    const requireSelfClosing = config === 'require';
+
+    return {
+      GlimmerElementNode(node) {
+        if (!VOID_ELEMENTS.has(node.tag)) {
+          return;
+        }
+
+        if (requireSelfClosing) {
+          if (!node.selfClosing) {
+            context.report({
+              node,
+              messageId: 'requireSelfClosing',
+            });
+          }
+        } else {
+          if (node.selfClosing) {
+            context.report({
+              node,
+              messageId: 'redundantSelfClosing',
+            });
+          }
+        }
+      },
+    };
+  },
+};