usePointerLock

リアクティブなポインターロック。

基本的な使い方

import { usePointerLock } from '@vueuse/core'

const {
  isSupported,
  lock,
  unlock,
  element,
  triggerElement
} = usePointerLock()

コンポーネントでの使用

<template>
  <UsePointerLock v-slot="{ lock }">
    <canvas />
    <button @click="lock">
      キャンバス上でポインターをロック
    </button>
  </UsePointerLock>
</template>