front update

client/app/composables/use-signaling.ts

@@ -3,6 +3,8 @@ import { createSharedComposable } from '@vueuse/core'
 import { io } from 'socket.io-client'
 
 export const useSignaling = createSharedComposable(() => {
+  const toast = useToast()
+
   const socket = shallowRef<Socket>()
 
   const connected = ref(false)
@@ -35,6 +37,13 @@ export const useSignaling = createSharedComposable(() => {
     })
   }, { immediate: true, flush: 'sync' })
 
+  watch(connected, (connected) => {
+    if (connected)
+      toast.add({ severity: 'success', summary: 'Connected', closable: false, life: 1000 })
+    else
+      toast.add({ severity: 'error', summary: 'Disconnected', closable: false, life: 1000 })
+  }, { immediate: true })
+
   onScopeDispose(() => {
     socket.value?.close()
   })