frontend/src/pages/login/LoginPage.vue

@@ -66,14 +66,13 @@ const formData = ref({
 const handleSubmit = async () => {
     const promise = authStore.login(formData.value)
     toast.promise(promise, {
-      loading: 'Calling API',
+        loading: 'Calling API',
-      success: (user) => {
+        success: (user) => {
-        router.push('/')
+            router.push('/')
-        return `Login Successful - ${user.name}`
+            return `Login Successful - ${user.name}`
-      },
+        },
-      error: (error) =>
+        error: (error) =>
-        error.response?.data?.message
+            error.response?.data?.message
     })
-    router.push('/')
 }
 </script>

frontend/src/stores/socket.js

@@ -2,24 +2,23 @@ import { defineStore } from 'pinia'
 import { inject } from 'vue'
 
 export const useSocketStore = defineStore('socket', () => {
-  try {
+  const socket = inject('socket')
-    const socket = inject('socket')
 
-    const handleConnection = () => {
+  const handleConnection = () => {
-      try {
+    try {
-        socket.on('connect', () => {
+      socket.on('connect', () => {
-          console.log(`[Socket] Connected -- ${socket.id}`)
+        console.log(`[Socket] Connected -- ${socket.id}`)
-        })
+      })
-        socket.on('disconnect', () => {
+      socket.on('disconnect', () => {
-          console.log(`[Socket] Disconnected -- ${socket.id}`)
+        console.log(`[Socket] Disconnected -- ${socket.id}`)
-        })
+      })
-      } catch (error) {}
+    } catch (error) {
+      console.error('[Socket] Connection error:', error)
     }
+  }
 
-    return {
+  return {
-      handleConnection,
+    handleConnection,
-    }
-  } catch (error) {
   }
 
 })