vue/no-multiple-template-root
disallow adding multiple root nodes to the template
- ⚙️ This rule is included in all of
"plugin:vue/vue2-essential"
,*.configs["flat/vue2-essential"]
,"plugin:vue/vue2-strongly-recommended"
,*.configs["flat/vue2-strongly-recommended"]
,"plugin:vue/vue2-recommended"
and*.configs["flat/vue2-recommended"]
.
📖 Rule Details
This rule checks whether template contains single root element valid for Vue 2.
<!-- The root is text -->
<template>Lorem ipsum</template>
<!-- There are multiple root elements -->
<template>
<div>hello</div>
<div>hello</div>
</template>
<!-- The root element has `v-for` directives -->
<template>
<div v-for="item in items" />
</template>
<!-- The root element is `<template>` or `<slot>` -->
<template>
<slot />
</template>
🔧 Options
Nothing.
🚀 Version
This rule was introduced in eslint-plugin-vue v7.0.0