usePreferredReducedTransparency

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

使用法

import { usePreferredReducedTransparency } from '@vueuse/core'

const preferredTransparency = usePreferredReducedTransparency()

コンポーネントでの使用

<template>
  <UsePreferredReducedTransparency v-slot="{ transparency }">
    Preferred Reduced transparency: {{ transparency }}
  </UsePreferredReducedTransparency>
</template>