Estoy trabajando con Vue 3 y Bootstrap 5 .

Quiero usar un Collapse dentro de mi proyecto, pero solo puedo abrir el collapse pero una vez que está abierto, no se vuelve a cerrar cuando presiono mi botón.

Acabo de copiar y pegar del sitio oficial de Bootstrap y no tengo ni idea de por qué el mío no funciona.

¡Gracias por ayudarme!

 <template> <div class="row mt-5 ps-4 pe-4"> <button class="btn btn-success" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_test" aria-expanded="false" aria-controls="collapse_test" > <h2 class="mt-0 mb-1"> <i class="bi bi-boxes me-2"></i>TEST BUTTON </h2> </button> <div class="collapse" id="collapse_test"> <div class="row mt-4"> TEST </div> </div> </div> </template>

EDITAR: siempre se collapsing pero permanece abierto (mostrar).