I use last actual NPM-version of MBD5

Expected behavior

I get example of Navbar from site, insert some changes in routes, but not touch MDBNavbarToggler. And Toggler not working.

Actual behavior

Then screen size get smaller, Navbar show Toggler icon, but not hide main menu

Resources (screenshots, code snippets etc.)

Template:

<template>
    <MDBNavbar expand="lg" light bg="white" container>
      <MDBNavbarToggler target="#navbarNav" />
      <MDBNavbarBrand href="/">Sh_Sq_</MDBNavbarBrand>
      <MDBNavbarNav collapse="navbarNav">
        <MDBNavbarItem v-for="(el, idx) in items" :to="el.link" :key="idx">
          {{el.text}}
        </MDBNavbarItem>
      </MDBNavbarNav>
    </MDBNavbar>
</template>

<script>
  import { 
    MDBBtn, 
    MDBNavbar, 
    MDBNavbarToggler, 
    MDBNavbarNav, 
    MDBNavbarItem,
    MDBNavbarBrand
  } from 'mdb-vue-ui-kit';

  export default {
    name: 'Menu',
    components: {
      MDBBtn,
      MDBNavbar,
      MDBNavbarToggler,
      MDBNavbarNav,
      MDBNavbarItem,
      MDBNavbarBrand
    },
    props: {
      items: Array
    }
  };
</script>
<style scoped></style>

Connection:

<template>
    ...
    <Menu v-bind:items="items"/>
    ...
</template>
<script>
// @ is an alias to /src
import Menu from '@/components/Menu.vue'

export default {
  name: 'Home',
  components: {
    Menu
  },
  data() {
    return {
      items: [
        {
          link: '/',
          text: 'home',
          active: true
        },
        {
          link: '/about',
          text: 'about',
          active: false
        },

      ]
    }
  }
}
</script>

Full-size menu:

Minified menu: