usePreferredContrast

リアクティブな prefers-contrast メディアクエリ。

使用法

import { usePreferredContrast } from '@vueuse/core'

const preferredContrast = usePreferredContrast()

コンポーネントでの使用法

<template>
  <UsePreferredContrast v-slot="{ contrast }">
    Preferred Contrast: {{ contrast }}
  </UsePreferredContrast>
</template>