eslint-plugin-vue

Appearance

vue/require-toggle-inside-transition ​

require control the display of the content inside <transition>

  • ⚙️ This rule is included in the following preset configs:
    • *.configs["flat/essential"]
    • *.configs["flat/strongly-recommended"]
    • *.configs["flat/recommended"]
    • "plugin:vue/essential"
    • "plugin:vue/strongly-recommended"
    • "plugin:vue/recommended"

📖 Rule Details ​

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

Now loading...

🔧 Options ​

json
{
  "vue/require-toggle-inside-transition": ["error", {
    "additionalDirectives": []
  }]
}
  • additionalDirectives (string[]) ... Custom directives which will satisfy this rule in addition to v-show and v-if. Should be added without the v- prefix.

additionalDirectives: ["dialog"] ​

Now loading...

📚 Further Reading ​

🚀 Version ​

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation ​