useWakeLock ​
Reactive Screen Wake Lock API. Provides a way to prevent devices from dimming or locking the screen when an application needs to keep running.
Demo ​
Usage ​
js
import { useWakeLock } from '@vueuse/core'
const { isSupported, isActive, request, release } = useWakeLock()
If request
is called, isActive
will be true, and if release
is called, or other tab is displayed, or the window is minimized,isActive
will be false.
Type Declarations ​
typescript
type WakeLockType = "screen"
export interface WakeLockSentinel extends EventTarget {
type: WakeLockType
released: boolean
release: () => Promise<void>
}
export type UseWakeLockOptions = ConfigurableNavigator & ConfigurableDocument
/**
* Reactive Screen Wake Lock API.
*
* @see https://vueuse.org/useWakeLock
* @param options
*/
export declare function useWakeLock(options?: UseWakeLockOptions): {
isSupported: ComputedRef<boolean>
isActive: Ref<boolean>
request: (type: WakeLockType) => Promise<void>
release: () => Promise<void>
}
export type UseWakeLockReturn = ReturnType<typeof useWakeLock>
Source ​
Contributors ​
Anthony Fu
Jelf
vuff
HannesOberreiter
wheat
koheing