В раскрывающемся списке семантического пользовательского интерфейса не обновляется v-модель на vue js

Question

все работает нормально, если я удаляю класс .search в своем коде.

<select class="ui dropdown" v-model="testimonials.category_id">
      <option disabled value="">Please select category</option>
      <option v-for="category in categories" :value="category.id">{{ category.title }}</option>
</select>

, но когда я возвращаю класс .search, моя v-модель не обновляется каждый раз, когда я изменяю значение.

вот мои слова о семантике:

$(document).ready(function(){
$('.ui.search.dropdown')
  .dropdown({
    maxSelections: 3
  });
});