vue.js - Sidebar transition with tailwind and vuejs

Question

I'm trying to add a transition effect to the sidebar when its being toggle so that it looks like its sliding from w-0 to w-64. Is there a way to the it without vue transition?

<a href="#" @click="isOpenSidebar=!isOpenSidebar">Toggle</a>

<div class="flex flex-row max-w-7xl mx-auto">
    <div class="flex flex-col shadow-xl sm:rounded-lg my-12" :class="isOpenSidebar? 'md:w-64 w-full':'w-0' ">
        <Sidebar/>
    </div>
    <div class="flex w-full">
        <slot></slot>
    </div>
</div>

question from:https://stackoverflow.com/questions/65842670/sidebar-transition-with-tailwind-and-vuejs

Answer 1

Waitting for answers