fix(valid-template-root): add test option ignoreOnlyIfDirective is true

Author: perrysong

docs/rules/valid-template-root.md

@@ -5,6 +5,7 @@ title: vue/valid-template-root
 description: enforce valid template root
 since: v3.11.0
 ---
+
 # vue/valid-template-root
 
 > enforce valid template root
@@ -48,7 +49,7 @@ This rule reports the template root in the following cases:
 }
 ```
 
-- `ignoreOnlyIfDirective` (`boolean`) ... ignore the root elements and only have the `v-if` directive. Default is `true`.
+- `ignoreOnlyIfDirective` (`boolean`) ... don't report root elements with the `v-if` directive. Default is `true`.
 
 ## :rocket: Version
 

tests/lib/rules/valid-template-root.js

@@ -98,7 +98,7 @@ tester.run('valid-template-root', rule, {
     {
       filename: 'test.vue',
       code: '<template><template></template></template>'
-    }
+    },
     {
       filename: 'test.vue',
       options: [{ ignoreOnlyIfDirective: false }],
@@ -108,6 +108,11 @@ tester.run('valid-template-root', rule, {
       filename: 'test.vue',
       options: [{ ignoreOnlyIfDirective: false }],
       code: '<template> <div v-if="loading"></div><div v-else></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      options: [{ ignoreOnlyIfDirective: true }],
+      code: '<template> <div v-if="loading"></div></div></template>'
     }
   ],
   invalid: [
@@ -135,6 +140,14 @@ tester.run('valid-template-root', rule, {
       code: '<template><div v-if="foo"></div></template>',
       options: [{ ignoreOnlyIfDirective: false }],
       errors: ['`v-if` should not be used on root element without `v-else`.']
+    },
+    {
+      filename: 'test.vue',
+      code: '<template src="foo.html"><div></div></template>',
+      options: [{ ignoreOnlyIfDirective: true }],
+      errors: [
+        "The template root with 'src' attribute is required to be empty."
+      ]
     }
   ]
 })