Skip to content

Query adapter (Zustand)

@ailuracode/alpine-query-adapter-zustand

Zustand vanilla store adapter for @ailuracode/alpine-query.

There is no official zustand-alpine integration. This package uses Zustand’s vanilla createStore API and bridges subscriptions into Alpine.reactive.

Install

Terminal window
pnpm add @ailuracode/alpine-query-adapter-zustand @ailuracode/alpine-query alpinejs zustand

Quick start

import Alpine from "alpinejs";
import query from "@ailuracode/alpine-query";
import { createAlpineZustandAdapter } from "@ailuracode/alpine-query-adapter-zustand";
Alpine.plugin(query({ adapter: createAlpineZustandAdapter }));
Alpine.start();

Exports

Export Description
zustandQueryAdapter Adapter for createQueryClient({ adapter })
createAlpineZustandAdapter Factory for query({ adapter })
default Convenience plugin wrapping query({ adapter })

Integration note

Zustand third-party adapters exist for React, Lit, and Angular — but not Alpine.js. This package bridges store.subscribe()Alpine.reactive.

License

MIT