fix html-end-tags failing on self-closing elements

Author: chrisvfritz

lib/rules/html-end-tags.js

@@ -26,6 +26,7 @@ function create (context) {
     VElement (node) {
       const name = node.name
       const isVoid = utils.isHtmlVoidElementName(name)
+      const isSelfClosing = node.startTag.selfClosing
       const hasEndTag = node.endTag != null
 
       if (isVoid && hasEndTag) {
@@ -37,7 +38,7 @@ function create (context) {
           fix: (fixer) => fixer.remove(node.endTag)
         })
       }
-      if (!isVoid && !hasEndTag) {
+      if (!isVoid && !hasEndTag && !isSelfClosing) {
         context.report({
           node: node.startTag,
           loc: node.startTag.loc,

tests/lib/rules/html-end-tags.js

@@ -46,6 +46,14 @@ tester.run('html-end-tags', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><img></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><self-closing-custom-element/></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><div/></div></template>'
     }
   ],
   invalid: [