having isue with my laravel vue sidebar drawer

i noticed anytime i open my navigation menu and i open a new page the drawer does not close back itself after successfully loading the page . i wil have to tap on it to close it. here is my sidebar.vue code.

      <SidebarItem
        name="KYC verification"
        :url="route('admin.kyc.index')"
        icon="user-x"
        v-if="is_admin"
      />
      <li class="menu-title">Trading</li>
      <SidebarItem
        name="Trades History"
        :url="route(`${is_admin ? 'admin' : 'user'}.trades.index`)"
        icon="table"
      />
      <SidebarItem
        name="Place Trade"
        :url="route('user.trades.view')"
        icon="server"
        v-if="!is_admin"
      />
      <SidebarItem
        :name="botsMenu"
        :url="route(`${is_admin ? 'admin' : 'user'}.bots.index`)"
        icon="cpu"
      />
      <li class="menu-title">Transactions</li>
      <SidebarItem
        name="Deposits"
        :url="route(`${is_admin ? 'admin' : 'user'}.deposits.index`)"
        icon="credit-card"
      />
      <SidebarItem
        name="Withdrawals"
        :url="route(`${is_admin ? 'admin' : 'user'}.withdrawals.index`)"
        icon="dollar-sign"
      />

      <li class="menu-title" v-if="is_admin">Communication</li>
      <SidebarItem
        name="Send Email"
        :url="route('admin.mail.index')"
        icon="mail"
        v-if="is_admin"
      />
      <li class="menu-title">Settings</li>

      <SidebarItem
        name="My Profile"
        :url="route('user.profile.view')"
        icon="user"
        v-if="!is_admin"
      />
      <SidebarItem
        name="Password reset"
        :url="route('password.change')"
        icon="lock"
      />
      <SidebarItem
        name="Two Factor Auth"
        :url="route('two-factor-auth')"
        icon="key"
      />
      <SidebarItem
        name="Site settings"
        :url="route('admin.settings.create')"
        icon="phone"
        v-if="is_admin"
      />
      <SidebarItem
        name="Payment Methods"
        :url="route('admin.payment-method.index')"
        icon="plus-square"
        v-if="is_admin"
      />
      <SidebarItem
        name="Plans"
        :url="route('admin.plans.index')"
        icon="package"
        v-if="is_admin"
      />
      <SidebarItem
        name="Tradeable assets"
        :url="route('admin.tradeables.index')"
        icon="gift"
        v-if="is_admin"
      />
      <hr />
      <SidebarItem
        name="Logout"
        method="post"
        :url="route('logout')"
        icon="power"
      />
      <SidebarItem
        name="Home"
        :url="route('front.index')"
        icon="home"
        :raw="true"
      />
    </ul>
  </div>
  <!-- Sidebar -->
</div>