Better errors handling for user controller

app/Http/Controllers/UserController.php

@@ -24,7 +24,7 @@ class UserController extends Controller
         ]);
 
         if ($validator->fails()) {
-            return response()->json(['error' => $validator->errors()], 400);
+            return response()->json(['validation' => $validator->errors()], 400);
         }
 
         $credentials = [
@@ -93,7 +93,7 @@ class UserController extends Controller
         ]);
 
         if ($validator->fails()) {
-            return response()->json(['error' => $validator->errors()], 400);
+            return response()->json(['validation' => $validator->errors()], 400);
         }
 
         $input = $request->all();

resources/js/app.js

@@ -67,7 +67,7 @@ const router = new VueRouter({
         },
         {
             path: '/error',
-            name: 'GenericError',
+            name: 'genericError',
             component: NotFound,
             props: true
         },

resources/js/views/Accounts.vue

@@ -183,7 +183,10 @@
                 })
                 .catch(error => {
                     if (error.response.status === 404) {
-                        this.$router.push({name: '404', params: { err : error.response }});
+                        this.$router.push({name: '404', params: { err : error.response.data.error }});
+                    }
+                    else {
+                        this.$router.push({ name: 'genericError', params: { err: error.response.data.message } });
                     }
                 });  
             },
@@ -214,7 +217,7 @@
                         this.$router.go('/login');
                     })
                     .catch(error => {
-                        this.$router.push({ name: 'error' });
+                        this.$router.push({ name: 'genericError', params: { err: error.response.data.message } });
                     });       
                 }
             }

resources/js/views/Error.vue

@@ -15,13 +15,13 @@
                 <p class="error-generic"></p>
                 <p>{{ $t('errors.error_occured') }}<router-link :to="{ name: 'accounts' }" class="is-text has-text-white">{{ $t('errors.refresh') }}</router-link></p>
             </div>
-            <div v-if="debugMode == 'development'">
+            <!-- <div v-if="debugMode == 'development'"> -->
                 <p v-if="debug" class="debug">
                     <code>
                         {{ debug }}
                     </code>
                 </p>
-            </div>
+            <!-- </div> -->
         </modal>
     </div>
 </template>
@@ -34,7 +34,7 @@
         data(){
             return {
                 ShowModal : true,
-                debug : this.err ? this.err.data : null,
+                debug : this.err ? this.err : null,
             }
         },
 

resources/js/views/Login.vue

@@ -62,11 +62,15 @@
                     }
                 })
                 .catch(error => {
-                    if (error.response.status === 400) {
-                        this.errors = error.response.data.error
+                    console.log(error.response);
+                    if( error.response.status === 401 ) {
+                        this.errors['password'] = [ this.$t('auth.forms.password_do_not_match') ]
+                    }
+                    else if( error.response.data.validation ) {
+                        this.errors = error.response.data.validation
                     }
                     else {
-                        this.errors['password'] = [ this.$t('auth.forms.passwords_do_not_match') ]
+                        this.$router.push({ name: 'genericError', params: { err: error.response.data.message } });
                     }
                 });
             }

resources/js/views/Register.vue

@@ -77,7 +77,7 @@
                 }
             })
             .catch(error => {
-                this.$router.push({ name: 'error', params: { err: error.response.message } });
+                this.$router.push({ name: 'genericError', params: { err: error.response.data.message } });
             });
         },
 
@@ -100,7 +100,7 @@
                     }
                 })
                 .catch(error => {
-                    this.errors = error.response.data.error
+                    this.errors = error.response.data.validation
                 });
             }
         },

resources/js/vue-i18n-locales.generated.js

@@ -16,7 +16,7 @@ export default {
                 "confirm_password": "Confirm password",
                 "dont_have_account_yet": "Don't have your account yet?",
                 "already_register": "Already registered?",
-                "passwords_do_not_match": "Passwords do not match"
+                "password_do_not_match": "Password do not match"
             }
         },
         "commons": {

resources/lang/en/auth.php

@@ -28,7 +28,7 @@ return [
         'confirm_password' => 'Confirm password',
         'dont_have_account_yet' => 'Don\'t have your account yet?',
         'already_register' => 'Already registered?',
-        'passwords_do_not_match' => 'Passwords do not match',
+        'password_do_not_match' => 'Password do not match',
     ]