require-toggle-inside-transition.md

Pattern: Missing toggle inside <transition>

Issue: -

Description

This rule reports elements inside <transition> that do not control the display.

<template>
  <!-- ✓ GOOD -->
  <transition><div v-if="show" /></transition>
  <transition><div v-show="show" /></transition>

  <!-- ✗ BAD -->
  <transition><div /></transition>
</template>

Further Reading

• eslint-plugin-vue - require-toggle-inside-transition
• Vue RFCs - 0017-transition-as-root