From ad83ebf4ed355e4e65e34206289867f31bb25c0f Mon Sep 17 00:00:00 2001
From: PikachuEXE <git@pikachuexe.net>
Date: Fri, 29 Nov 2024 20:44:59 +0800
Subject: [PATCH] * Put event listener back to mounted

---
 .../SubscribedChannels/SubscribedChannels.vue | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/renderer/views/SubscribedChannels/SubscribedChannels.vue b/src/renderer/views/SubscribedChannels/SubscribedChannels.vue
index 270b1fe20f8d5..742eb469e86ab 100644
--- a/src/renderer/views/SubscribedChannels/SubscribedChannels.vue
+++ b/src/renderer/views/SubscribedChannels/SubscribedChannels.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script setup>
-import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { computed, onMounted, onBeforeUnmount, ref, watch } from 'vue'
 import { isNavigationFailure, NavigationFailureType } from 'vue-router'
 import { useRoute, useRouter } from 'vue-router/composables'
 import FtCard from '../../components/ft-card/ft-card.vue'
@@ -265,16 +265,21 @@ watch(activeSubscriptionList, () => {
   filterChannels()
 })
 
-;(() => {
-  document.addEventListener('keydown', keyboardShortcutHandler)
-  getSubscription()
+// region created
 
-  const oldQuery = route.query.searchQueryText ?? ''
-  if (oldQuery !== null && oldQuery !== '') {
-    // `handleQueryChange` must be called after `filterHistoryDebounce` assigned
-    handleQueryChange(oldQuery, true)
-  }
-})()
+getSubscription()
+
+const oldQuery = route.query.searchQueryText ?? ''
+if (oldQuery !== null && oldQuery !== '') {
+  // `handleQueryChange` must be called after `filterHistoryDebounce` assigned
+  handleQueryChange(oldQuery, true)
+}
+
+// endregion created
+
+onMounted(() => {
+  document.addEventListener('keydown', keyboardShortcutHandler)
+})
 
 onBeforeUnmount(() => {
   document.removeEventListener('keydown', keyboardShortcutHandler)