VueUse usePreferredColorScheme Vue2/Vue3 获取系统主题

VueUse usePreferredColorScheme Vue2/Vue3 获取系统主题

代码示例

import { usePreferredColorScheme } from '@vueuse/core'

const preferredColor = usePreferredColorScheme()

组件示例

<template>
  <UsePreferredColorScheme v-slot="{ colorScheme }">
    Preferred Color Scheme: {{ colorScheme }}
  </UsePreferredColorScheme>
</template>
<script setup lang="ts">  
 //导入组件
 import {UsePreferredColorScheme} from '@vueuse/components'
</script>

在线例子

例子