Description
What rule do you want to change?
vue/require-toggle-inside-transition
Does this change cause the rule to produce more or fewer warnings?
If option is configured, fewer warnings.
How will the change be implemented? (New option, new default behavior, etc.)?
I would add a new option to the rule which allows adding additional custom "toggle" directives which will satisfy this check in addition to v-show
or v-if
.
Please provide some example code that this change will affect:
<transition>
<dialog v-dialog="visible">...</dialog>
</transition>
What does the rule currently do for this code?
It flags it as an error, because there is no v-show
or v-if
on the <dialog>
What will the rule do after it's changed?
If the rule is configured to include v-dialog
as a toggle directive, it will no longer flag this case as an error.
Additional context
In the example above, v-dialog
is a custom directive which shows/hides the element using close()
and showModal()
. Transitions are also applied in the directive.