Select inside VUE, no dropdown

Expected behavior Simple demo Select component should open dropdown after click

Actual behavior Nothing happens after click

Resources (screenshots, code snippets etc.)

• Laravel 8, Vue 2x, no components, Bootstrap 5. Clean test template. App.js import from footer. No console errors. Button "toggle select" not working.

• Everything works fine only if Select component is outside Vue #app el

  import $ from 'jquery';
  import Vue from 'vue'
  import * as mdb from 'mdb-ui-kit';
  

  and

  <div class="row d-flex justify-content-center">
  <div class="col-3">
      <select class="select" id="mySelect">
          <option value="1">One</option>
          <option value="2">Two</option>
          <option value="3">Three</option>
          <option value="4">Four</option>
          <option value="5">Five</option>
      </select>
      <hr/>
      <button id="toggleMySelect" class="btn btn-primary" data-mdb-toggle="mySelect">
          Toggle Select
      </button>
  </div>