@@ -6,14 +6,19 @@ This rule checks whether every template root is valid.
66
77This rule reports the template root if the following cases:
88
9+ - The root is nothing. E.g. ` <template></template> ` .
910- The root is text. E.g. ` <template>hello</template> ` .
1011- The root is multiple elements. E.g. ` <template><div>one</div><div>two</div></template> ` .
1112- The root element has ` v-for ` directives. E.g. ` <template><div v-for="x in list">{{x}}</div></template> ` .
12- - The root element has ` v-if ` /` v-else-if ` directives without ` v-else ` elements. E.g. ` <template><div v-if="foo">hello</div></template> ` .
1313- The root element is ` <template> ` or ` <slot> ` elements. E.g. ` <template><template>hello</template></template> ` .
1414
1515👎 Examples of ** incorrect** code for this rule:
1616
17+ ``` html
18+ <template >
19+ </template >
20+ ```
21+ 1722``` html
1823<template >
1924 <div >hello</div >
@@ -33,17 +38,17 @@ This rule reports the template root if the following cases:
3338</template >
3439```
3540
41+ 👍 Examples of ** correct** code for this rule:
42+ 3643``` html
3744<template >
38- <div v-if = " foo " > </div >
45+ <div >abc </div >
3946</template >
4047```
4148
42- 👍 Examples of ** correct** code for this rule:
43- 4449``` html
4550<template >
46- <div >abc </div >
51+ <div v-if = " foo " > </div >
4752</template >
4853```
4954
0 commit comments