valid-template-root.md

Pattern: Malformed template root

Issue: -

Description

This rule reports the template root in the following cases:

<!-- There is no root element -->
<template></template>

<!-- 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>

Further Reading

• eslint-plugin-vue - valid-template-root