quasor_state_manager_quickstart_with_actions_and_subscriptions.ts

1import { Quasor, QuasorConfig } from '@jessica-mulein/quasor';
2
3// Define the shape of your state
4interface MyState {
5  count: number;
6}
7
8// Define your configuration
9const config: QuasorConfig<MyState> = {
10  initialState: {
11    count: 0
12  },
13  actions: {
14    increment(state) {
15      return { ...state, count: state.count + 1 };
16    },
17    decrement(state) {
18      return { ...state, count: state.count - 1 };
19    }
20  }
21};
22
23// Initialize Quasor
24const quasor = new Quasor<MyState>(config);
25
26// Subscribe to state changes
27quasor.subscribe((state) => {
28  console.log('Current state:', state);
29});
30
31// Dispatch actions
32quasor.dispatch('increment');
33quasor.dispatch('increment');
34quasor.dispatch('decrement');