feat(use-storage): expose set storage

src/create-storage-hook/index.ts

@@ -84,7 +84,22 @@ export function createStorage(type: StorageType) {
     }
   };
 
-  return function useStorage<T>(
+  const useSetStorage = <T>(key: string, serializer: Serializer<T>) => useCallback(
+    (v: T | null) => {
+      try {
+        if (v === null) {
+          removeStorageItem(key);
+        } else {
+          setStorageItem(key, serializer(v));
+        }
+      } catch (e) {
+        console.warn(e);
+      }
+    },
+    [key, serializer]
+  );
+
+  function useStorage<T>(
     key: string,
     serverValue?: NotUndefined<T> | undefined,
     options: UseStorageRawOption | UseStorageParserOption<T> = {
@@ -167,5 +182,10 @@ export function createStorage(type: StorageType) {
     }, [deserializer, key, serializer, serverValue]);
 
     return [deserialized ?? serverValue ?? null, setState] as const;
+  }
+
+  return {
+    useStorage,
+    useSetStorage
   };
 }

src/use-local-storage/index.ts

@@ -7,7 +7,7 @@ export type {
   UseStorageParserOption as UseLocalStorageParserOption
 } from '../create-storage-hook';
 
-const useLocalStorage = createStorage('localStorage');
+const { useStorage: useLocalStorage, useSetStorage: useSetLocalStorage } = createStorage('localStorage');
 
 /** @see https://foxact.skk.moe/use-local-storage */
-export { useLocalStorage };
+export { useLocalStorage, useSetLocalStorage };

src/use-session-storage/index.ts

@@ -7,7 +7,7 @@ export type {
   UseStorageParserOption as UseSessionStorageParserOption
 } from '../create-storage-hook';
 
-const useSessionStorage = createStorage('sessionStorage');
+const { useStorage: useSessionStorage, useSetStorage: useSetSessionStorage } = createStorage('sessionStorage');
 
 /** @see https://foxact.skk.moe/use-session-storage */
-export { useSessionStorage };
+export { useSessionStorage, useSetSessionStorage };