usePreferredDark

リアクティブなダークテーマの設定。

使用法

import { usePreferredDark } from '@vueuse/core'

const isDark = usePreferredDark()

コンポーネントでの使用

<template>
  <UsePreferredDark v-slot="{ prefersDark }">
    Prefers Dark: {{ prefersDark }}
  </UsePreferredDark>
</template>