Fluvx

How install

yarn add fluvx

How to use

Declare a store

// import composable function and Context Interface
import { StoreContext, createStore } from "fluvx";
// create store interface
interface OurState {
 count: number;
 person: {
 firstName: string;
 };
}
const initState: OurState = {
 count: 1,
 person: {
 firstName: 'Fluvx'
 }
}
const store = createStore<OurState>({
 state: initState,
 mutations: {
 increment(state: OurState, n: number) {
 state.count += n;
 }
 },
 actions: {
 increment({ commit }: StoreContext<OurState>, payload: unknown) {
 commit("increment", payload);
 }
 }
 getters: {
 multByTwo(state: OurState): number {
 return state.count * 2;
 }
 }
 });

Add to the main component as a provider

...
export default defineComponent({
 name: "App",
 setup() {
 provide("store", store);
 return { store };
 },
});
...

Inject the store into the child component

...
import { StoreContext } from "fluvx";
export default defineComponent({
 name: "ChildComponent",
 setup() {
 const store = inject<StoreContext<OurState>>("store");
 return { store };
 },
});
...

License

Keyworks