fix(useStorage): fixed data desynchronization in case of clearing sto…

…rage (#2221)
vueuse · Oct 16, 2022 · a06b7bd · a06b7bd
1 parent 0a1bb6a
commit a06b7bd
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/core/useStorage/index.ts b/packages/core/useStorage/index.ts
@@ -180,9 +180,6 @@ export function useStorage<T extends(string | number | boolean | object | null)>
   }
 
   function read(event?: StorageEvent) {
-    if (event && event.key !== key)
-      return
-
     pauseWatch()
     try {
       const rawValue = event
@@ -218,6 +215,14 @@ export function useStorage<T extends(string | number | boolean | object | null)>
   }
 
   function update(event?: StorageEvent) {
+    if (event && event.storageArea !== storage)
+      return
+
+    if (event && event.key === null) {
+      data.value = rawInit
+      return
+    }
+
     if (event && event.key !== key)
       return