Skip to Content
PortuguêsDocumentação JumentixPacotes@jumentix/cana-vue

@jumentix/cana-vue

Composables Vue e helpers para Pinia sobre @jumentix/cana.

Instalação

npm install @jumentix/cana @jumentix/cana-vue vue

Live query

import { useCanaLiveQuery } from '@jumentix/cana-vue';

const tasks = useCanaLiveQuery<Task>({
  client,
  store: 'tasks',
  query: { index: 'byCategory', equals: categoryId },
  getKey: (task) => task.id
});

useCanaLiveQuery() carrega uma tabela e mantém uma ref Vue atualizada a partir de eventos Cana confirmados. Stores Pinia podem usar o mesmo helper applyCanaEventToRecords() dentro de actions.