vueselect with event listeners and aria attributes

vueselect.html

<div
    :aria-expanded="[isOpen ? 'true' : 'false']"
    :aria-owns="'lbox_' + _uid"
    :class="['select__dropdown', isOpen ? 'select__dropdown--open' : 'select__dropdown--close']"
    @click="toggle"
    @keyup.space="toggle"
    @keyup.up="moveUp"
    @keyup.down="moveDown"
    @keyup.enter="selectFromKeyboard"
    aria-autocomplete="none"
    role="combobox"
    tabindex="-1">
    <span
      class="select__value"
      tabindex="0">{{ mutableValue }}</span>
    <ul
      :id="'lbox_' + _uid"
      :class="['select__optionlist', isOpen ? '' : 'select__optionlist--close']"
      role="listbox">
      <li
        v-for="(opt, idx) in items"
        :aria-selected="[isItemSelected(idx) ? 'true' : 'false']"
        :class="['select__option', isItemSelected(idx) ? 'select__option--selected': '']"
        :key="idx"
        role="option"
        @click="select(idx)">{{ opt }}</li>
    </ul>
  </div>