Using a strings array

{
  "input": "",
  "selection": null
}

Using an array with user objects. Projecting the email property of the user object.

{
  "input": "",
  "selection": null
}

Using a strings array with custom slots

{
  "input": "",
  "selection": null
}

This demo example use the slot #list-item-text to customize the item text of the suggestion list.

<template #list-item-text="slot">
	<span class="material-icons">{{ slot.itemProjection(slot.item) }}</span>
	<span v-html="slot.boldMatchText(slot.itemProjection(slot.item))"></span>
</template>