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

Author: chrisvfritz

lib/rules/html-end-tags.js

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

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

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