not a good idea to call useActiveChannel in app for this case

Tigran-Harutyunyan · Feb 15, 2024 · e828a53 · e828a53
1 parent 7668ff7
commit e828a53
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/app.vue b/app.vue
@@ -1,9 +1,4 @@
-<script setup lang="ts">
-import { useActiveChannel } from "@/composables/useActiveChannel";
-
-const { pusherClient } = useNuxtApp();
-useActiveChannel(pusherClient);
-</script>
+<script setup lang="ts"></script>
 <template>
   <naive-config>
     <n-notification-provider>

diff --git a/pages/conversations/index.vue b/pages/conversations/index.vue
@@ -1,10 +1,16 @@
 <script setup lang="ts">
 import EmptyState from "@/components/EmptyState.vue";
+import { useActiveChannel } from "@/composables/useActiveChannel";
 
 definePageMeta({ middleware: "auth", layout: "conversations" });
+
 useHead({
   title: "Conversations | Messenger",
 });
+
+const { pusherClient } = useNuxtApp();
+
+useActiveChannel(pusherClient);
 </script>
 
 <template>

diff --git a/pages/users/index.vue b/pages/users/index.vue
@@ -2,6 +2,12 @@
 import EmptyState from "@/components/EmptyState.vue";
 
 definePageMeta({ middleware: "auth", layout: "users" });
+
+import { useActiveChannel } from "@/composables/useActiveChannel";
+
+const { pusherClient } = useNuxtApp();
+useActiveChannel(pusherClient);
+
 useHead({
   title: "Users | Messenger",
 });