0 1 Tailwind Transition With HeadlessUI Ease In Out Problem

[erdemgonul]

Hi tailwind lovers,
When I look into sidebar layouts on HeadlessUI -Tailwind and Vue3, I can ease out the sidebar when closing it however, when opening the sidebar with some transition animations, it won't work. I tried different enter from & enter to approaches for different animations too but they won't work on 'Entering' phase.

I use Vue3 in my project but for reproduction, I created a Code Sandbox and here is the link : https://codesandbox.io/s/magical-chandrasekhar-6697f?file=/src/components/HelloWorld.vue

Do you know any idea about it?

Thanks for your help...