impl

yeonjuan · yeonjuan · commit d86c5073e3a5 · 2025-05-04T01:59:21.000+09:00
diff --git a/packages/eslint-plugin/lib/rules/use-standard-html/check-content-model.js b/packages/eslint-plugin/lib/rules/use-standard-html/check-content-model.js
@@ -183,7 +183,7 @@ function oneOrMore(model, context, state, node) {
       continue;
     }
     const name = getNodeName(child);
-    if (model.contents.has(name)) {
+    if (model.contents.has(name) || model.contents.has("#transparent")) {
       count++;
       state.childIndex++;
     } else {
diff --git a/packages/eslint-plugin/lib/rules/use-standard-html/use-standard-html.js b/packages/eslint-plugin/lib/rules/use-standard-html/use-standard-html.js
@@ -14,6 +14,7 @@
 const { RULE_CATEGORY } = require("../../constants");
 const { getElementSpec } = require("html-standard");
 const { checkContentModel, MESSAGE_IDS } = require("./check-content-model");
+const { isText } = require("../utils/node");
 
 /**
  * @type {RuleModule}
@@ -54,6 +55,13 @@ module.exports = {
         if (name === "template") {
           return;
         }
+        if (
+          node.children.some(
+            (child) => isText(child) && child.parts && !!child.parts.length
+          )
+        ) {
+          return;
+        }
         const spec = getElementSpec(node.name);
         if (!spec) {
           return;
diff --git a/packages/eslint-plugin/tests/rules/use-standard-html.test.js b/packages/eslint-plugin/tests/rules/use-standard-html.test.js
@@ -50,6 +50,13 @@ ruleTester.run("use-standard-html", rule, {
     {
       code: "<head><style> div {} </style> <script> console.log('hello'); </script></head>",
     },
+    {
+      code: `
+        <a href="https://github.com/yeonjuan/html-eslint">
+          <img src="~/src/assets/github.svg" alt="github">
+        </a>
+      `,
+    },
   ],
   invalid: [
     // required
diff --git a/packages/website/eslint.config.js b/packages/website/eslint.config.js
@@ -62,6 +62,7 @@ module.exports = [{
     },
 
     rules: {
+        "@html-eslint/use-standard-html": "error",
         "@html-eslint/indent": ["error", 2],
         "@html-eslint/require-doctype": "off",
         "@html-eslint/no-target-blank": "error",

Original file line number	Diff line number	Diff line change
`@@ -183,7 +183,7 @@ function oneOrMore(model, context, state, node) {`
`183`	`183`	`continue;`
`184`	`184`	`}`
`185`	`185`	`const name = getNodeName(child);`
`186`		`- if (model.contents.has(name)) {`
	`186`	`+ if (model.contents.has(name) \|\| model.contents.has("#transparent")) {`
`187`	`187`	`count++;`
`188`	`188`	`state.childIndex++;`
`189`	`189`	`} else {`