Not Working for Vue Transition Classes

[ram-you]

After upgrading to version 0.12.0 (and above), auto-completion within Vue transition components is no longer functioning as expected. This includes attributes such as enter-active-class, leave-active-class, enter-from-class, and leave-to-class.

   <transition
     enter-active-class="transition-transform origin-right duration-300 ease-out"
     enter-from-class="scale-x-0 -z-1"
     enter-to-class="scale-x-100 z-10"
     leave-active-class="transition-transform duration-150 ease-in"
     leave-from-class="scale-x-100 z-10"
     leave-to-class="scale-x-0 -z-1"
     appear>
   </transition>

In version 0.10.5, the following regex pattern worked for class auto-completion:

"tailwindCSS.experimental.classRegex": [
  "(?:enter|enter-active|enter-from|enter-to|leave|leave-active|leave-from|leave-to)-class=\"([^\"]*)\"",
  "(?:enter|enter-active|enter-from|enter-to|leave|leave-active|leave-from|leave-to|entered)=\"([^\"]*)\""
]

• I attempted various configurations in the .vscode/settings.json file, including different regex patterns for the tailwindCSS.experimental.classRegex setting, but the issue persists.
• I tested with a simpler regex pattern: "\\-class\\s*=\\s*\"([^\"]*)\", which still did not yield any results.
• Disabled other extensions that may conflict, including Vetur, but auto-completion remains inactive.
• Created a new Vue project with a minimal setup to eliminate project-specific issues, but the problem persists in this clean environment.
• Downgraded to version 0.10.5 of the extension, which restored the expected functionality.

Thank you.

[KianYang-Lee]

Facing the same issue too

[ram-you]

@KianYang-Lee
Hi,
I added this:
"tailwindCSS.classAttributes": [
"class",
"enter-active-class",
"enter-from-class",
"enter-to-class",
"leave-active-class",
"leave-from-class",
"leave-to-class",
"enter-class",
"leave-class"
],

and it works.