ais-menu-select.vue

<template>
  <select @change="handleChange($event)">
    <option
      v-for="facet in facetValues"
      :key="facet.name"
      :value="facet.path"
    >
      {{facet.name}} ({{facet.count}})
    </option>
  </select>
</template>

<script>
import { Menu } from 'vue-instantsearch';

export default {
  extends: Menu,
  methods: {
    handleChange(event) {
      this.searchStore.toggleFacetRefinement(this.attribute, event.target.value);
    }
  }
};
</script>


// Usage
<custom-menu-select
  attribute="course_rating"
  :sort-by="['name:desc']"
/>