I'm working with Vue 3 and Bootstrap 5.

I want to use a Collapse inside of my project but I'm only able to open the collapse but once it's open it will not close again when I press on my button.

I've just copy paste it from the official Bootstrap-Site and I have no clue why mine is not working.

Thanks for helping me out!

<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>

EDIT: It's always collapsing but it stays open (show).