fix: check script, style in require-closing-tags

packages/eslint-plugin/lib/rules/require-closing-tags.js

@@ -1,5 +1,5 @@
 /**
- * @import {Tag} from "@html-eslint/types";
+ * @import {ScriptTag, StyleTag, Tag} from "@html-eslint/types";
  * @import {RuleModule} from "../types";
  *
  * @typedef {Object} Option
@@ -10,6 +10,7 @@
 const { RULE_CATEGORY, VOID_ELEMENTS } = require("../constants");
 const { createVisitors } = require("./utils/visitors");
 const { getRuleUrl } = require("./utils/rule");
+const { getNameOf } = require("./utils/node");
 
 const VOID_ELEMENTS_SET = new Set(VOID_ELEMENTS);
 
@@ -76,14 +77,15 @@ module.exports = {
     );
 
     /**
-     * @param {Tag} node
+     * @param {Tag | ScriptTag | StyleTag} node
      */
-    function checkClosingTag(node) {
+    function checkClosing(node) {
+      const name = getNameOf(node);
       if (!node.close) {
         context.report({
           node: node,
           data: {
-            tag: node.name,
+            tag: name,
           },
           messageId: MESSAGE_IDS.MISSING,
         });
@@ -151,7 +153,7 @@ module.exports = {
         if (node.selfClosing || canSelfClose) {
           checkVoidElement(node, shouldSelfClose, canSelfClose);
         } else if (node.openEnd.value !== "/>") {
-          checkClosingTag(node);
+          checkClosing(node);
         }
         if (["svg", "math"].includes(node.name)) foreignContext.push(node.name);
       },
@@ -163,6 +165,16 @@ module.exports = {
           foreignContext.pop();
         }
       },
+      ScriptTag(node) {
+        if (!node.close) {
+          checkClosing(node);
+        }
+      },
+      StyleTag(node) {
+        if (!node.close) {
+          checkClosing(node);
+        }
+      },
     });
   },
 };

packages/eslint-plugin/lib/rules/utils/node.js

@@ -247,6 +247,20 @@ function getTemplateTokens(tokens) {
   );
 }
 
+/**
+ * @param {Tag | ScriptTag | StyleTag} node
+ * @returns {string}
+ */
+function getNameOf(node) {
+  if (isScript(node)) {
+    return "script";
+  }
+  if (isStyle(node)) {
+    return "style";
+  }
+  return node.name;
+}
+
 module.exports = {
   findAttr,
   isAttributesEmpty,
@@ -266,4 +280,5 @@ module.exports = {
   getTemplateTokens,
   hasTemplate,
   hasAttr,
+  getNameOf,
 };

packages/eslint-plugin/tests/rules/require-closing-tags.test.js

@@ -12,6 +12,12 @@ ruleTester.run("require-closing-tags", rule, {
     {
       code: `<img>`,
     },
+    {
+      code: `<script></script>`,
+    },
+    {
+      code: `<style></style>`,
+    },
     {
       code: `<img/>`,
       options: [
@@ -215,6 +221,14 @@ ruleTester.run("require-closing-tags", rule, {
         },
       ],
     },
+    {
+      code: `<script>`,
+      errors: [{ messageId: "missing" }],
+    },
+    {
+      code: `<style>`,
+      errors: [{ messageId: "missing" }],
+    },
   ],
 });