Add translations for the user authentication endpoints

frontend/composables/useAuth.ts

@@ -40,18 +40,26 @@ export default async function useAuth() {
     }
 
     try {
-      const response = await $fetch('/api/auth/login', {
+      const response = await fetch('/api/auth/login', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
-        body: JSON.stringify({ email, password }),
+        body: JSON.stringify({
+          langcode: locale.value,
+          email,
+          password,
+        }),
       })
 
-      if ('error' in response) {
-        return {
-          data: null,
-          error: new Error(response.error?.statusCode?.toString() ?? '500'),
+      if (!response || Math.floor(response.status / 100) !== 2) {
+        const json = await response.json()
+
+        if (json.message) {
+          return {
+            data: null,
+            error: json.message,
+          }
         }
       }
 
@@ -90,7 +98,7 @@ export default async function useAuth() {
     }
 
     try {
-      const response = await $fetch('/api/auth/register', {
+      const response = await fetch('/api/auth/register', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
@@ -103,6 +111,17 @@ export default async function useAuth() {
         }),
       })
 
+      if (!response || Math.floor(response.status / 100) !== 2) {
+        const json = await response.json()
+
+        if (json.message) {
+          return {
+            data: null,
+            error: json.message,
+          }
+        }
+      }
+
       return {
         data: response,
         error: null,

frontend/i18n/en.yml

@@ -8,7 +8,6 @@ logout: Log out
 email: Email
 password: Password
 password_confirm: Confirm password
-login_error_credentials: Incorrect email or password
 login_error_generic: An error occurred while logging in. Please try again later.
 login_register_link: No account yet? Register here.
 register_login_link: Already have an account? Log in here.

frontend/i18n/nl.yml

@@ -8,7 +8,6 @@ logout: Uitloggen
 email: E-mail
 password: Wachtwoord
 password_confirm: Bevestig wachtwoord
-login_error_credentials: Onjuist e-mailadres of wachtwoord
 login_error_generic: Er is een fout opgetreden tijdens het inloggen. Probeer het later opnieuw.
 login_register_link: Nog geen account? Registreer hier.
 register_login_link: Al een account? Log hier in.

frontend/pages/user/login/index.vue

@@ -26,18 +26,11 @@ async function login(e: SubmitEvent) {
     return navigateTo(localePath('/user'))
   }
   catch (error: any) {
-    console.error(error)
-
     if (process.client) {
-      switch (error?.message) {
-        case '403':
-          toast.error(t('login_error_credentials'))
-          break
-
-        default:
-          toast.error(t('login_error_generic'))
-          break
-      }
+      if (typeof error === 'string')
+        toast.error(error)
+      else
+        toast.error(t('login_error_generic'))
     }
   }
   finally {

frontend/pages/user/register/index.vue

@@ -9,6 +9,8 @@ const email = ref('')
 const password = ref('')
 const password_confirm = ref('')
 
+const toast = useToast()
+
 async function register(e: SubmitEvent) {
   e.preventDefault()
   isLoading.value = true
@@ -25,8 +27,20 @@ async function register(e: SubmitEvent) {
 
     return navigateTo(localePath('/user/register/confirm'))
   }
-  catch (error) {
-    console.error(error)
+  catch (error: any) {
+    if (process.client) {
+      if (typeof error === 'string') {
+        toast.error(error)
+        return
+      }
+
+      if (typeof error === 'object') {
+        for (const key in error) {
+          if (error[key])
+            toast.error(error[key])
+        }
+      }
+    }
   }
   finally {
     isLoading.value = false