mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-03-03 22:37:23 -08:00
14 lines
506 B
TypeScript
14 lines
506 B
TypeScript
import { Plugin } from "@nuxt/types"
|
|
import { useDark } from "@vueuse/core";
|
|
|
|
const darkModePlugin: Plugin = ({ $vuetify }, _) => {
|
|
const isDark = useDark();
|
|
|
|
// Vuetify metadata is bugged and doesn't render dark mode fully when called immediately
|
|
// Adding a 100 millisecond delay fixes this problem
|
|
// https://stackoverflow.com/questions/69399797/vuetify-darkmode-colors-wrong-after-page-reload
|
|
setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 100);
|
|
};
|
|
|
|
export default darkModePlugin;
|