feat: error response interceptor

Services/client/src/services/HttpService.ts

@@ -1,5 +1,8 @@
 import axios from 'axios'
 import { getToken } from './KeyCloakService'
+import { useErrorStore } from '@/stores/error'
+
+const error = useErrorStore()
 
 const instance = axios.create()
 
@@ -8,4 +11,22 @@ instance.interceptors.request.use(async (config) => {
   return config
 })
 
+instance.interceptors.response.use(
+  (res) => res,
+  (err) => {
+    const status = err.response.status
+    const data = err.response.data
+
+    error.title = 'เกิดข้อผิดพลาด'
+
+    if (status === 500) {
+      error.msg = 'เกิดข้อผิดพลาด ไม่สามารถดำเนินการต่อได้ กรุณาลองใหม่อีกครั้ง'
+    } else {
+      error.msg = data.message
+    }
+
+    error.show()
+  },
+)
+
 export default instance