コンテンツにスキップ

usePreferredDark

カテゴリ
エクスポートサイズ
536 B
最終更新
2ヶ月前
関連

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

デモ

ダークモードを優先
false

使用方法

js
import { usePreferredDark } from '@vueuse/core'

const isDark = usePreferredDark()

コンポーネントの使用法

この関数は、@vueuse/components パッケージを介して、レンダーレスコンポーネントバージョンも提供します。使用方法の詳細はこちら

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

型定義

typescript
/**
 * Reactive dark theme preference.
 *
 * @see https://vueuse.dokyumento.jp/usePreferredDark
 * @param [options]
 */
export declare function usePreferredDark(
  options?: ConfigurableWindow,
): Ref<boolean, boolean>

ソース

ソースデモドキュメント

貢献者

Anthony Fu
Anthony Fu
vaakian X
wheat
Alex Kozack
Antério Vieira

変更履歴

v12.0.0-beta.1 on 2024/11/21
0a9ed - feat!: Vue 2のサポートを削除、バンドルの最適化、クリーンアップ ( #4349)
v9.11.0 on 2023/1/17
d5321 - fix(components): defineComponent を pure とマークする (#2623)

MITライセンスの下でリリースされています。