Vue transition flicker

<transition name="slideInRight">
    <keep-alive>
        <component :is="totalSide[currentIndex]" v-show="show"></component>
    </keep-alive>
</transition>

.slideInRight-enter,
.slideInRight-leave-to {
  right: -260px;
}
.slideInRight-enter-active {
  transition: all .3s ease;
}
.slideInRight-leave-active {
  transition: all .3s ease;
}

I use this.$parent.show = false to close the component in the subcomponent, and the component flashes on the left side of the screen.
adding mode= "out-in" to the transition does not work

May.24,2022

remove v-show, and hide

if the component is empty.
Menu