chore: update store

packages/store/README.md

@@ -23,6 +23,12 @@ createStore({
     },
   },
 });
+```
+
+In your components:
+
+```js
+import { useStore, useReducer } from '@hanabira/store';
 
 /**
  * Use the store in your components.

packages/store/package.json

@@ -16,15 +16,18 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "devDependencies": {
+    "@hanabira/config": "workspace:*",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",
-    "@hanabira/config": "workspace:*",
     "react": "^17.0.2",
     "tsup": "^6.0.1",
     "typescript": "^5.2.2"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "use-force-update": "^1.0.11"
   }
 }

packages/store/src/core/hooks.ts

@@ -1,8 +1,10 @@
 import { SetStateAction } from 'react';
+import useForceUpdate from 'use-force-update';
+
+import Manager from './store';
 
 import { Options, State } from '../@types/core';
 import { SetStoreFn, Reducer } from '../@types/functions';
-import Manager from './store';
 
 export function createStore(options?: Options): void {
   return Manager.store(options);
@@ -18,7 +20,29 @@ export function useStore<StateType = any>(
   item?: string,
   callback?: (value: StateType) => any
 ): [StateType, SetStoreFn<StateType>] {
-  Manager
+  const forceUpdate = useForceUpdate();
+  const removeForceUpdateListener = (): void => {
+    // Manager.removePropertyListener(forceUpdate);
+  };
+
+  const state = Manager.get(item);
+
+  const stateSetter: SetStoreFn<StateType> = (value) => {
+    if (typeof value === 'function') {
+      const callableState = value as (prevState: StateType) => State;
+      Manager.set(callableState(state));
+    } else {
+      Manager.set(value);
+    }
+
+    Manager.applyPluginHook('onSave', Manager.get());
+  };
+
+  // If this component ever updates or unmounts, remove the force update
+  //   listener.
+  // useEffect((): VoidFunction => removeForceUpdateListener, []);
+
+  return [state, stateSetter];
 }
 
 export function useStaticStore<StateType = any>(): [State, SetStoreFn<State>];