useDocumentVisibility

Demo

💡 Minimize the page or switch tab then return

import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()

import { useDocumentVisibility } from '@vueuse/core'

const visibility = useDocumentVisibility()

This function also provides a renderless component version via the @vueuse/components package. Learn more about the usage.

html

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

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

Anthony Fu

Antério Vieira

vaakian X

Jelf

Shinigami

wheat

Alex Kozack

Scott Bedard

v9.11.0 on 1/17/2023

d5321 - fix(components): mark defineComponent as pure (#2623)