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>