Skip to content
On this page

useWakeLock

Category
Last Changed
3 months ago

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

Is Supported: false
Is Active: false

Usage

import { useWakeLock } from '@vueuse/core'

const { isSupported, isActive, request, release } = useWakeLock()
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

declare type WakeLockType = "screen"
export interface WakeLockSentinel extends EventTarget {
  type: WakeLockType
  released: boolean
  release: () => Promise<void>
}
/**
 * Reactive Screen Wake Lock API.
 *
 * @see https://vueuse.org/useWakeLock
 * @param options
 */
export declare const useWakeLock: (
  options?: ConfigurableNavigator & ConfigurableDocument
) => {
  isSupported: boolean | undefined
  isActive: Ref<boolean>
  request: (type: WakeLockType) => Promise<void>
  release: () => Promise<void>
}
export declare type UseWakeLockReturn = ReturnType<typeof useWakeLock>
declare type WakeLockType = "screen"
export interface WakeLockSentinel extends EventTarget {
  type: WakeLockType
  released: boolean
  release: () => Promise<void>
}
/**
 * Reactive Screen Wake Lock API.
 *
 * @see https://vueuse.org/useWakeLock
 * @param options
 */
export declare const useWakeLock: (
  options?: ConfigurableNavigator & ConfigurableDocument
) => {
  isSupported: boolean | undefined
  isActive: Ref<boolean>
  request: (type: WakeLockType) => Promise<void>
  release: () => Promise<void>
}
export declare type UseWakeLockReturn = ReturnType<typeof useWakeLock>

Source

SourceDemoDocs

Contributors

Anthony Fu
HannesOberreiter
wheat
koheing

Changelog

v6.1.0 on 9/2/2021
fd083 - feat: new function (#687)
useWakeLock has loaded