fix for src attributes

Author: mysticatea

Diff for: lib/rules/no-invalid-template-root.js

@@ -31,13 +31,14 @@ function create (context) {
         return
       }
 
+      const hasSrc = utils.hasAttribute(node.startTag, 'src')
       const rootElements = []
       let extraText = null
       let extraElement = null
       let vIf = false
       for (const child of node.children) {
         if (child.type === 'VElement') {
-          if (rootElements.length === 0) {
+          if (rootElements.length === 0 && !hasSrc) {
             rootElements.push(child)
             vIf = utils.hasDirective(child.startTag, 'if')
           } else if (vIf && utils.hasDirective(child.startTag, 'else-if')) {
@@ -53,7 +54,13 @@ function create (context) {
         }
       }
 
-      if (extraText != null) {
+      if (hasSrc && (extraText != null || extraElement != null)) {
+        context.report({
+          node: extraText || extraElement,
+          loc: (extraText || extraElement).loc,
+          message: "The template root which has 'src' attribute requires empty."
+        })
+      } else if (extraText != null) {
         context.report({
           node: extraText,
           loc: extraText.loc,
@@ -65,7 +72,7 @@ function create (context) {
           loc: extraElement.loc,
           message: 'The template root requires exactly one element.'
         })
-      } else if (rootElements.length === 0) {
+      } else if (rootElements.length === 0 && !hasSrc) {
         context.report({
           node,
           loc: node.loc,

Diff for: tests/lib/rules/no-invalid-template-root.js

@@ -58,6 +58,10 @@ tester.run('no-invalid-template-root', rule, {
     {
       filename: 'test.vue',
       code: '<template><div v-if="foo"></div><div v-else-if="bar"></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template src="foo.html"></template>'
     }
   ],
   invalid: [
@@ -105,6 +109,16 @@ tester.run('no-invalid-template-root', rule, {
       filename: 'test.vue',
       code: '<template><template></template></template>',
       errors: ["The template root disallows '<template>' elements."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template src="foo.html">abc</template>',
+      errors: ["The template root which has 'src' attribute requires empty."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template src="foo.html"><div></div></template>',
+      errors: ["The template root which has 'src' attribute requires empty."]
     }
   ]
 })