Ignore blocks in vue/html-self-closing (#2223)

FloEdelmann · web-flow · commit cd32f03ee280 · 2023-07-02T16:59:36.000+09:00
diff --git a/lib/rules/html-self-closing.js b/lib/rules/html-self-closing.js
@@ -131,7 +131,7 @@ module.exports = {
       context,
       {
         VElement(node) {
-          if (hasInvalidEOF) {
+          if (hasInvalidEOF || node.parent.type === 'VDocumentFragment') {
             return
           }
 
diff --git a/tests/lib/rules/html-self-closing.js b/tests/lib/rules/html-self-closing.js
@@ -64,6 +64,9 @@ tester.run('html-self-closing', rule, {
     '<template><div a=">test</div></template>',
     '<template><div><!--test</div></template>',
 
+    // Empty top-level tags
+    '<template></template><script></script><docs></docs>',
+
     // https://github.com/vuejs/eslint-plugin-vue/issues/1403
     {
       code: `

Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,7 @@ module.exports = {`
`131`	`131`	`context,`
`132`	`132`	`{`
`133`	`133`	`VElement(node) {`
`134`		`- if (hasInvalidEOF) {`
	`134`	`+ if (hasInvalidEOF \|\| node.parent.type === 'VDocumentFragment') {`
`135`	`135`	`return`
`136`	`136`	`}`
`137`	`137`
Original file line number	Diff line number	Diff line change
`@@ -64,6 +64,9 @@ tester.run('html-self-closing', rule, {`
`64`	`64`	`'<template><div a=">test</div></template>',`
`65`	`65`	`'<template><div><!--test</div></template>',`
`66`	`66`
	`67`	`+ // Empty top-level tags`
	`68`	`+ '<template></template><script></script><docs></docs>',`
	`69`	`+`
`67`	`70`	`// https://github.com/vuejs/eslint-plugin-vue/issues/1403`
`68`	`71`	`{`
`69`	`72`	code: `