oa/documentation/plugins/multiselect/multiselect-autocomplete-documentation.md

optionsSingle, state

optionsSingle	state
batman robin joker	valueSingle

Autocomplete

Vuero is integrated with Vue Multiselect, a vue 3 select single, multiple and tags input library. You can check the plugin documentation on Github. You can transform the component into an autocomplete by adding the :searchable="true" prop. Check the code example for more details.

<script setup lang="ts">
const valueSingle = []
const optionsSingle = ['Batman', 'Robin', 'Joker']
</script>

<template>
  <VField v-slot="{ id }" class="is-autocomplete-select">
    <VControl icon="lucide:search">
      <Multiselect
        v-model="valueSingle"
        :attrs="{ id }"
        :options="optionsSingle"
        placeholder="Search heroes..."
        :searchable="true"
      />
    </VControl>
  </VField>
</template>