fix: useWakeLock causing infinite loop (#1829)

slidevjs · Aug 20, 2024 · 0c30d44 · 0c30d44
1 parent 7c2c9e7
commit 0c30d44
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/client/composables/useWakeLock.ts b/packages/client/composables/useWakeLock.ts
@@ -1,13 +1,14 @@
 import { useWakeLock as useVueUseWakeLock } from '@vueuse/core'
-import { watchEffect } from 'vue'
+import { watch } from 'vue'
 import { wakeLockEnabled } from '../state'
 
 export function useWakeLock() {
   const { request, release } = useVueUseWakeLock()
 
-  watchEffect((onCleanup) => {
-    if (wakeLockEnabled.value)
+  watch(wakeLockEnabled, (enabled) => {
+    if (enabled)
       request('screen')
-    onCleanup(release)
-  })
+    else
+      release()
+  }, { immediate: true })
 }