Vue adapter for state-sync — automatic ref/reactive synchronization
npm install @statesync/vueVue adapter for state-sync. Applies snapshots to Vue reactive objects or refs.
``bash`
npm install @statesync/vue @statesync/core
`typescript
import { createRevisionSync } from '@statesync/core';
import { createVueSnapshotApplier } from '@statesync/vue';
import { reactive } from 'vue';
const state = reactive({ theme: 'light', lang: 'en' });
const applier = createVueSnapshotApplier(state);
const handle = createRevisionSync({
topic: 'settings',
subscriber: mySubscriber,
provider: myProvider,
applier,
});
await handle.start();
`
`typescript
import { ref } from 'vue';
import { createVueSnapshotApplier } from '@statesync/vue';
const settings = ref({ theme: 'light', lang: 'en' });
const applier = createVueSnapshotApplier(settings, { target: 'ref' });
`
`typescript`
const applier = createVueSnapshotApplier(state);
// Merges snapshot fields into existing state
`typescript`
const applier = createVueSnapshotApplier(state, { mode: 'replace' });
// Full replacement: deletes missing keys, assigns new ones
- target — 'reactive' (default) or 'ref'toState(data, ctx)
- — map snapshot data to state patchpickKeys
- / omitKeys — limit which keys are updatedstrict
- (default: true) — throw if toState` returns a non-object
See full documentation.