Get Started

Install the package

Install the mode-watcher package from npm.

	npm install mode-watcher	

Add the ModeWatcher component

Add the <ModeWatcher /> component to your root +layout.svelte file.

	<script lang="ts">
	import { ModeWatcher } from "mode-watcher";
</script>
 
<ModeWatcher />
<slot />	

That's it!

You're now ready to use Mode Watcher in your Svelte app.

Here's an example of how to use the toggleMode function to toggle the mode:

	<script lang="ts">
	import { toggleMode } from "mode-watcher";
</script>
 
<button on:click={toggleMode}>Toggle Mode</button>	

For additional information and configuration, please refer to the API reference.