Live-адаптер Vue Query

У реактивных бэкендов часто есть адаптер для React Query, а Vue-командам приходилось вручную связывать live-запросы с TanStack Vue Query и самим инвалидировать кэш.

TanStack Query построен на pull-модели: ты сам запрашиваешь, кэшируешь и вручную инвалидируешь, когда что-то меняется. Наш реактивный бэкенд работает наоборот — он сам проталкивает новые результаты по WebSocket, как только меняются данные. Мост для этого паттерна под React уже был, а у Vue-команд не было ничего, поэтому каждый экран обрастал самописной обвязкой подписок и багами устаревшего кэша.

Опубликованный TypeScript-пакет: подписывается на реактивный бэкенд по WebSocket и пишет каждый live-результат прямо в кэш TanStack Vue Query.

convex-vue-query — небольшой адаптер, который подключает живые подписки реактивного бэкенда к TanStack Vue Query как транспортный слой. ConvexQueryClient задаёт собственные queryKeyHashFn и queryFn, подключается к общему QueryClient и потоково пишет обновления подписок прямо в кэш. Компоненты просто вызывают useQuery(convexQuery(...)), и данные сами остаются живыми.

Сделано на TypeScript, Vue Query, webedge-db.

Написан на TypeScript под Vue 3 и TanStack Vue Query, повторяет контракт существующего React-адаптера и ставит staleTime в Infinity, поскольку проталкиваемые данные никогда не устаревают — за счёт этого всё остаётся тонким транспортным слоем, а не вторым кэшем.

Vue 3-компоненты используют обычные `useQuery`, а данные остаются живыми сами — без рефетча и ручной инвалидации. Опубликован в npm как `convex-vue-query`.

Опубликованный npm-пакет, дающий Vue-приложениям realtime-запросы, пагинацию и оптимистичные мутации без ручной инвалидации и закрывающий разрыв между реактивным бэкендом и экосистемой Vue.