mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-04-10 15:05:35 -04:00
chore: Nuxt 4 upgrade (#7426)
This commit is contained in:
20
frontend/app/plugins/dark-mode.client.ts
Normal file
20
frontend/app/plugins/dark-mode.client.ts
Normal file
@@ -0,0 +1,20 @@
|
||||
import { useDark } from "@vueuse/core";
|
||||
|
||||
export default defineNuxtPlugin((nuxtApp) => {
|
||||
const isDark = useDark({
|
||||
onChanged: (v) => {
|
||||
console.log(`changing theme to ${v ? "dark" : "light"} using @vueuse/useDark`);
|
||||
const $vuetify = nuxtApp.vueApp.$nuxt.$vuetify;
|
||||
if ($vuetify)
|
||||
$vuetify.theme.global.name.value = v ? "dark" : "light";
|
||||
},
|
||||
});
|
||||
|
||||
nuxtApp.hook("vuetify:ready", (vuetify) => {
|
||||
vuetify.theme.global.name.value = isDark.value ? "dark" : "light";
|
||||
});
|
||||
|
||||
return {
|
||||
provide: {},
|
||||
};
|
||||
});
|
||||
Reference in New Issue
Block a user