<VueListSearch>

This component provides a customizable way to integrate search into your list. It handles search state internally and offers a debounced update mechanism to prevent excessive API calls while typing.

<template>
  <VueListSearch>
    <template #default="{search, setSearch}">
      <!-- Render your searchbox here -->
      <input :value="search" @input="setSearch($event.target.value)" />
    </template>
  </VueListSearch>
</template>

Props

Name	Description
debounceTime	Number Time in milliseconds to debounce the search input. Default is 1000ms.

Slots

default

Slot Props

Name	Description
search	String Current search query string.
setSearch	Function Function to update the search string with first argument as value.