feat: show channel message indicator

frontend_nuxt/composables/useChannelUnread.js

@@ -0,0 +1,38 @@
+import { ref } from 'vue'
+import { getToken } from '~/utils/auth'
+
+const hasUnread = ref(false)
+
+export function useChannelUnread() {
+  const config = useRuntimeConfig()
+  const API_BASE_URL = config.public.apiBaseUrl
+
+  const setFromList = (channels) => {
+    hasUnread.value = Array.isArray(channels) && channels.some((c) => c.unreadCount > 0)
+  }
+
+  const fetchChannelUnread = async () => {
+    const token = getToken()
+    if (!token) {
+      hasUnread.value = false
+      return
+    }
+    try {
+      const response = await fetch(`${API_BASE_URL}/api/channels`, {
+        headers: { Authorization: `Bearer ${token}` },
+      })
+      if (response.ok) {
+        const data = await response.json()
+        setFromList(data)
+      }
+    } catch (e) {
+      console.error('Failed to fetch channel unread status:', e)
+    }
+  }
+
+  return {
+    hasUnread,
+    fetchChannelUnread,
+    setFromList,
+  }
+}