# ✨ useDarkMode

The useDarkMode () function is used to return a copy of the filtered object using the given key value. This function provides the desired condition by specifying which properties are selected from the object.

# 🍁 Usage

The example usage of useDarkMode function is shown below.

import { useDarkMode } from 'vue-composable-utils';
const { darkMode, setDarkMode } = useDarkMode();
 
        Copied!
    

# 🚀 Features

useDarkMode takes two parameters.

# 💐 Example

You can see how it changes reactively using the example below.

<template>
  <div>
    <a @click="setDarkMode((darkMode = !darkMode))">
      <p v-if="darkMode">🌞 Light</p>
      <p v-if="!darkMode">🌜 Dark</p>
    </a>
  </div>
</template>
 
        Copied!