Quasar Dark Mode Toggler

Simple dark mode toggler made with q-toggle. It use the 'vue3-cookies' to save the state in cookies.

Install

Via npm

$ npm i -S @la40/quasar-dark-mode-toggler

Via yarn

$ yarn add @la40/quasar-dark-mode-toggler

Use

Globally via Vue.use

//boot/components.js
import QDarkModeToggler from "@la40/quasar-dark-mode-toggler";

export default boot(({ app }) => {
  app.use(QDarkModeToggler);
});

//layouts/MainLayout.vue
<template>
  ...
  <span class="fixed-top-right">
    <q-dark-mode-toggler></q-dark-mode-toggler>
  </span>
  ...
</template>;

Locally via components

//layouts/MainLayout.vue
<template>
  ...
  <span class="fixed-top-right">
    <QDarkModeToggler></QDarkModeToggler>
  </span>
  ...
</template>;

import { QDarkModeToggler } from "@la40/quasar-dark-mode-toggler";

export default {
  components: {
    QDarkModeToggler,
  },
};

Change log

Please see CHANGELOG for more information on what has changed recently.

Security

If you discover any security related issues, please email [email protected] instead of using the issue tracker.

Credits

• Lachezar Grigorov

License

The MIT License (MIT). Please see License File for more information.