category
Browser

usePreferredContrast

Reactive prefers-contrast media query.

Usage

import { usePreferredContrast } from '@vueuse/core'

const preferredContrast = usePreferredContrast()

<UsePreferredContrast v-slot="{ contrast }">
  Preferred Color Scheme: {{ contrast }}
<UsePreferredContrast>