Add a sleek, animated dark mode toggle to your Vue 3 project. It handles everything you need with a composable and a component.
Check out the demo here!
A component that can be used with the composable. The component doesn't decide if dark mode is enabled itself, but it accepts a dark-mode-enabled prop and will display the appropriate sun/moon graphic.
A composable to handle all dark mode related things. Combine it with the component for maximum dark mode-ness. 😎
Add to your project using the command
npm i @edenchazard/vue-dark-mode-toggleDocumentation can be found on the demo page.
npm run devWill build to the /docs demo folder.
npm run buildnpm run test:unitnpm run lintSVG icons from FontAwesome.