Usage

Query builder component

The query builder component will permit to user to build its request by defining some filters.

props

|key|type|required|default |modelValue|object|true|- |model|string|true|- |allowReset|boolean|false|true |computedScopes|object|false|- |allowedScopes|object|false|- |allowedProperties|object|false|- |allowedOperators|object|false|- |displayOperator|boolean or object|false|true |computedFilters|array|false|- |userTimezone|string|false|UTC |requestTimezone|string|false|UTC |deferred|number|false|1000 |displayShortcuts|boolean|false|false |id|string|false|-

Collection component

The collection component will display data fetched.

props

Search component

The search component combine both previous components. That permit you to load the search very easily with only one component.

props

All props that are defined in query builder and collection components are usable in this component.

Example:

<script setup>
import Search from '@query-kit/vue';
</script>
<template>
  <Search model="user" />
</template>