usePreferredDark

類別

瀏覽器

導出大小

486 B

上次變更

6 個月前

相關

useColorModeuseDark

響應式深色主題偏好設定。

示範

原始碼

偏好深色模式

false

用法

import { usePreferredDark } from '@vueuse/core'

const isDark = usePreferredDark()

元件用法

此函式也透過 @vueuse/components 套件提供無渲染元件版本。深入瞭解用法。

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

類型宣告

/**
 * Reactive dark theme preference.
 *
 * @see https://vueuse.dev.org.tw/usePreferredDark
 * @param [options]
 */
export declare function usePreferredDark(
  options?: ConfigurableWindow,
): ComputedRef<boolean>

原始碼

原始碼 • 示範 • 文件

貢獻者

Anthony Fu

Anthony Fu

vaakian X

wheat

Alex Kozack

Antério Vieira

變更日誌

v12.0.0-beta.1 於 2024/11/21

0a9ed - feat!: 移除 Vue 2 支援，最佳化 bundles 並清理 (#4349)