api requests: improve error logging

components/Layout/Alert/Container.vue

@@ -21,7 +21,7 @@ import {ComputedRef} from "@vue/reactivity";
 const pageStore = usePageStore()
 
 const alerts: ComputedRef<Array<Alert>> = computed(() => {
-  return pageStore.$state.alerts
+  return pageStore.alerts
 })
 
 </script>

composables/data/useAp2iRequestService.ts

@@ -78,13 +78,14 @@ export const useAp2iRequestService = () => {
             throw new UnauthorizedError('Ap2i - Unauthorized')
         }
         else if (response && response.status === 403) {
+            console.error('! Request error: Forbidden')
             usePageStore().addAlert(TYPE_ALERT.ALERT, ['forbidden'])
-            console.error('Forbidden')
         }
         else if (response && response.status >= 404) {
             // @see https://developer.mozilla.org/fr/docs/Web/HTTP/Status
-            usePageStore().addAlert(TYPE_ALERT.ALERT, [error ? error.message : response.statusText])
-            // console.error(error ?? response)
+            const error_msg = error ? error.message : response.statusText
+            console.error('! Request error: ' + error_msg)
+            usePageStore().addAlert(TYPE_ALERT.ALERT, [error_msg])
         }
     }