3.8 Browser -- usePreferredDark

3.8 Browser – usePreferredDark

https://vueuse.org/core/usePreferredDark/

作用

判断当前浏览器是不是dark模式

官方示例

import { usePreferredDark } from '@vueuse/core'

const isDark = usePreferredDark()

源码分析

export function usePreferredDark(options?: ConfigurableWindow) {
  return useMediaQuery('(prefers-color-scheme: dark)', options)
}

直接调用useMediaQuery进行媒体查询