Back to Vueuse

useDocumentVisibility

packages/core/useDocumentVisibility/index.md

14.3.0473 B
Original Source

useDocumentVisibility

Reactively track document.visibilityState

Usage

vue
<script setup lang="ts">
import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()
</script>

Component Usage

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