Merge branch 'master' of https://github.com/mysticatea/vue-eslint-parser

Author: mysticatea

lib/transform-html.js

@@ -524,9 +524,9 @@ class HTMLTransformer {
         result.id = this.createVIdentifier(result, start + 1)
 
         for (const attr of attrs) {
-            const name = attr.name
+            const name = attr.prefix ? `${attr.prefix}:${attr.name}` : attr.name
             const value = attr.value
-            const attrLoc = attrLocs[name]
+            const attrLoc = attrLocs[name.toLowerCase()]
             const attribute =
                 this.createVAttribute(result, name, value, attrLoc)
 
@@ -629,6 +629,26 @@ class HTMLTransformer {
      * @returns {ASTNode|ASTNode[]} The transformed node.
      */
     visitElementNode(parent, node) {
+        // if __location does not exists, this is auto-inserted element for some reason.
+        // E.g. if a <tr> exists as a direct child of <table>, <tbody> element is inserted implicitly.
+        if (node.__location == null) {
+            const results = []
+            for (const childNode of node.childNodes) {
+                const child = this.visit(parent, childNode)
+
+                // Flatten.
+                if (Array.isArray(child)) {
+                    for (const child1 of child) {
+                        results.push(child1)
+                    }
+                }
+                else if (child != null) {
+                    results.push(child)
+                }
+            }
+            return results
+        }
+
         const start = node.__location.startOffset
         const end = node.__location.endOffset
         const childNodes = (node.tagName === "template")

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-eslint-parser",
-  "version": "1.1.0-6",
+  "version": "1.1.0-7",
   "description": "The ESLint custom parser for `.vue` files.",
   "engines": {
     "node": ">=4"

test/fixtures/svg-attrs-camel-case.vue

@@ -0,0 +1,9 @@
+<template>
+    <div>
+        <svg viewBox="0 0 40 40"></svg>
+    </div>
+</template>
+
+<script>
+module.exports = {}
+</script>

test/fixtures/svg-attrs-colon.vue

@@ -0,0 +1,9 @@
+<template>
+    <svg>
+        <use xlink:href="#test"></use>
+    </svg>
+</template>
+
+<script>
+module.exports = {}
+</script>