primevue-mirror/apps/volt/app.vue

37 lines
813 B
Vue
Raw Normal View History

2025-02-28 11:33:03 +00:00
<template>
2025-02-28 11:49:42 +00:00
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
2025-02-28 11:33:03 +00:00
</template>
2025-02-28 11:49:42 +00:00
2025-03-11 08:14:17 +00:00
<script setup>
2025-02-28 11:49:42 +00:00
import EventBus from '@/layouts/AppEventBus';
2025-03-11 08:14:17 +00:00
import { onBeforeUnmount, onMounted } from 'vue';
2025-02-28 11:49:42 +00:00
2025-03-11 08:14:17 +00:00
const { layoutState } = useLayout();
const toggleDarkMode = () => {
document.documentElement.classList.toggle('p-dark');
layoutState.darkTheme = !layoutState.darkTheme;
EventBus.emit('dark-mode-toggle-complete');
};
const darkModeToggleListener = (event) => {
if (!document.startViewTransition) {
toggleDarkMode(event);
return;
2025-02-28 11:49:42 +00:00
}
2025-03-11 08:14:17 +00:00
document.startViewTransition(() => toggleDarkMode(event));
2025-02-28 11:49:42 +00:00
};
2025-03-11 08:14:17 +00:00
onMounted(() => {
EventBus.on('dark-mode-toggle', darkModeToggleListener);
});
onBeforeUnmount(() => {
EventBus.off('dark-mode-toggle', darkModeToggleListener);
});
2025-02-28 11:49:42 +00:00
</script>