useDocumentVisibility

document.visibilityState をリアクティブに追跡します

使用法

import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()

コンポーネントの使用法

<template>
  <UseDocumentVisibility v-slot="{ visibility }">
    Document Visibility: {{ visibility }}
  </UseDocumentVisibility>
</template>