From e96f2070e1c3e67429758acbae8931a3e6154e81 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 24 May 2024 10:25:00 +0300
Subject: [PATCH] Error page dark mode change fixes

---
 app.vue             | 36 ------------------------------------
 layouts/default.vue | 26 ++++++++++++++++++++++++++
 2 files changed, 26 insertions(+), 36 deletions(-)

diff --git a/app.vue b/app.vue
index 563f22742..5e39f2ae9 100644
--- a/app.vue
+++ b/app.vue
@@ -3,39 +3,3 @@
         <NuxtPage />
     </NuxtLayout>
 </template>
-
-<script>
-import EventBus from '@/layouts/AppEventBus';
-
-export default {
-    mounted() {
-        EventBus.on('dark-mode-toggle', this.darkModeToggleListener);
-    },
-    beforeUnmount() {
-        EventBus.off('dark-mode-toggle', this.darkModeToggleListener);
-    },
-    methods: {
-        darkModeToggleListener(event) {
-            if (!document.startViewTransition) {
-                this.toggleDarkMode(event);
-
-                return;
-            }
-
-            document.startViewTransition(() => this.toggleDarkMode(event));
-        },
-        toggleDarkMode(event) {
-            const isDark = event.dark;
-
-            if (isDark) document.documentElement.classList.add('p-dark');
-            else document.documentElement.classList.remove('p-dark');
-
-            this.$appState.darkTheme = isDark;
-
-            EventBus.emit('dark-mode-toggle-complete');
-        }
-    }
-};
-</script>
-
-<style lang="scss"></style>
diff --git a/layouts/default.vue b/layouts/default.vue
index 2926a352e..bc38e8785 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -19,6 +19,7 @@
 
 <script>
 import DomHandler from '@/components/lib/utils/DomHandler';
+import EventBus from '@/layouts/AppEventBus';
 import AppFooter from './AppFooter.vue';
 import AppMenu from './AppMenu.vue';
 import AppNews from './AppNews.vue';
@@ -44,7 +45,32 @@ export default {
             }
         }
     },
+    mounted() {
+        EventBus.on('dark-mode-toggle', this.darkModeToggleListener);
+    },
+    beforeUnmount() {
+        EventBus.off('dark-mode-toggle', this.darkModeToggleListener);
+    },
     methods: {
+        darkModeToggleListener(event) {
+            if (!document.startViewTransition) {
+                this.toggleDarkMode(event);
+
+                return;
+            }
+
+            document.startViewTransition(() => this.toggleDarkMode(event));
+        },
+        toggleDarkMode(event) {
+            const isDark = event.dark;
+
+            if (isDark) document.documentElement.classList.add('p-dark');
+            else document.documentElement.classList.remove('p-dark');
+
+            this.$appState.darkTheme = isDark;
+
+            EventBus.emit('dark-mode-toggle-complete');
+        },
         onMenuButtonClick() {
             if (this.sidebarActive) {
                 this.sidebarActive = false;