fix(usePermission): state setting (#4167)

vueuse · Aug 24, 2024 · 2aaa1c2 · 2aaa1c2
1 parent ea87ac5
commit 2aaa1c2
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/core/usePermission/index.ts b/packages/core/usePermission/index.ts
@@ -74,12 +74,11 @@ export function usePermission(
     : permissionDesc as PermissionDescriptor
   const state = shallowRef<PermissionState | undefined>()
 
-  const onChange = () => {
-    if (permissionStatus.value)
-      state.value = permissionStatus.value.state
+  const update = () => {
+    state.value = permissionStatus.value?.state ?? 'prompt'
   }
 
-  useEventListener(permissionStatus, 'change', onChange)
+  useEventListener(permissionStatus, 'change', update)
 
   const query = createSingletonPromise(async () => {
     if (!isSupported.value)
@@ -88,10 +87,12 @@ export function usePermission(
     if (!permissionStatus.value) {
       try {
         permissionStatus.value = await navigator!.permissions.query(desc)
-        onChange()
       }
       catch {
-        state.value = 'prompt'
+        permissionStatus.value = undefined
+      }
+      finally {
+        update()
       }
     }