JS.VUE.NO.MULTIPLE.TEMPLATE.ROOT
Disallow adding multiple root nodes to the template
Rule Details
This rule checks whether template contains single root element valid for Vue 2.
{'vue/no-multiple-template-root': ['error']}
Copy
<!-- The root is text -->
<template>Lorem ipsum</template>
{'vue/no-multiple-template-root': ['error']}
Copy
<!-- There are multiple root elements -->
<template>
<div>hello</div>
<div>hello</div>
</template>
{'vue/no-multiple-template-root': ['error']}
Copy
<!-- The root element has `v-for` directives -->
<template>
<div v-for="item in items"/>
</template>
{'vue/no-multiple-template-root': ['error']}
Copy
<!-- The root element is `<template>` or `<slot>` -->
<template>
<slot />
</template>
Options
Nothing.
