npm install @pinia/colada-plugin-delay

Pinia Colada Delay

Delay the asyncStatus of a query to avoid flickering when refreshing data. The perfect addition to placeholderData in your paginated queries 💪.

Installation

``sh npm install @pinia/colada-plugin-delay`

`js import { PiniaColadaDelay } from '@pinia/colada-plugin-delay'

// Pass the plugin to Pinia Colada options app.use(PiniaColada, { // ... plugins: [ PiniaColadaDelay({ delay: 200, // default delay }), ], })`

You can customize the delay behavior individually for each query with the delay option:

`ts useQuery({ key: ['todos'], query: getTodos, delay: false, // disable delay })``

npm install @pinia/colada-plugin-delay

Delay the asyncStatus of a query to avoid flickering when refreshing data. The perfect addition to placeholderData in your paginated queries 💪.

``sh npm install @pinia/colada-plugin-delay`

`js import { PiniaColadaDelay } from '@pinia/colada-plugin-delay'

// Pass the plugin to Pinia Colada options app.use(PiniaColada, { // ... plugins: [ PiniaColadaDelay({ delay: 200, // default delay }), ], })`

You can customize the delay behavior individually for each query with the delay option:

`ts useQuery({ key: ['todos'], query: getTodos, delay: false, // disable delay })``