Why won't the transition animation function in vue3js? The animation does not appear to be working for me. I've implemented this library https://github.com/ivanvermeyen/vue-collapse-transition
<template>
<nav class="navbar color-dark section-padding">
<span :class="this.$route.meta.connect ? 'navbar-toggler' : ''">
<button class="border-0 navbar" @click="open()">
<img :src="navgridImg" style="height: 26px; margin: 1vw" />
</button>
</span>
<CollapseTransition >
<div v-show="show" :class="showClass" id="navbarSupportedContent">
jdlkajdlsajdlsjdlskajdlsakjdlsajjdlkajd
lsajdlsjdlskajdlsakjdlsajjdlkajdlsajdlsjdlska
jdlsakjdlsajjdlkajdlsajdlsjdlskajdlsakj
dlsajjdlkajdlsajdlsjdlskajdlsakjdlsaj
</div>
</CollapseTransition>
</nav>
</template>
<script>
import { ref } from 'vue'
import { CollapseTransition } from "vue-collapse-transition"
export default {
components: { CollapseTransition, },
setup() {
const show = ref(false)
const showClass = ref('collapse navbar-collapse')
const open = () => {
show.value = !show.value
}
return {
show,
I have followed the documentation closely and my implementation is quite similar, but the animation is still not functioning as expected. I cannot figure out what might be causing this issue.