From afdbfc9aaf325eb1ef11eeac37b45c7dfc2bfce1 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 24 May 2024 11:17:58 +0300
Subject: [PATCH] Revert "Error page dark mode change fixes"

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

diff --git a/app.vue b/app.vue
index 5e39f2ae9..563f22742 100644
--- a/app.vue
+++ b/app.vue
@@ -3,3 +3,39 @@
         <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 bc38e8785..2926a352e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -19,7 +19,6 @@
 
 <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';
@@ -45,32 +44,7 @@ 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;