Boostrap hamburger menu won’t collapse on button click nor on item choosen

Everything worked(navbar collapsed on item chosen from navbar or button click), I must have changed something and now it doesn’t. Please help. Does some workaround exist like collapsing through Javascript?

<template>
 <nav v-if="auth.authenticated" class="navbar navbar-expand-lg navbar-light" :style="{backgroundColor:getColor()}">
      <div class="container-fluid">
        <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="icon-bar top-bar"></span>
          <span class="icon-bar middle-bar"></span>
          <span class="icon-bar bottom-bar"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown" @focusin="toggleMenu" :style="{backgroundColor:getColor()}">
          <ul class="navbar-nav">
            <li class="nav-item active" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
              <a @click="this.$router.push('/')"  href="" class="nav-link nav-link-ltr">Order now</a>
            </li>
            <li class="nav-item" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
              <a @click="this.$router.push('/')" href=""  class="nav-link nav-link-ltr">My orders</a>
            </li>
             <li class="nav-item" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
              <a class="nav-link nav-link-ltr" href="#">Top offers</a>
            </li>
             <li class="nav-item" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
              <a class="nav-link nav-link-ltr" href="#">New offers</a>
            </li>
            <li class="nav-item" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
              <a class="nav-link  nav-link-ltr" href="#">About us</a>
            </li>
             <li class="nav-item" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown">
              <a class="nav-link nav-link-ltr" href="#">Subscribe</a>
            </li>
            <span v-if="auth.authenticated">
              <a @click="logout" class="btn btn-info my-2 my-sm-0 mr-2 p-1" href="#">Logout</a>
            </span>
          </ul>
        </div>
        <a class="navbar-brand ms-auto" href="#">
          <img id="logoNav" alt="navbar logoNav" src="@/assets/logo-main.svg" />
        </a>
      </div>
  </nav>
</template>