Returns errors object

Author: Philipp

README.md

@@ -56,10 +56,12 @@ In Vue classes:
                 axios.post('/example', data)
                     .then(res => {})
                     .catch(err => {
-                        //adds errors to vee-validate errorBag and returns the first error string
-                        let firstError = this.$addLaravelErrors(err.response);
+                        //adds errors to vee-validate errorBag and returns the errors as object
+                        const errors = this.$addLaravelErrors(err.response);
 
-                        alert(firstError); //it's a string or null
+                        if(errors){
+                            alert(errors[Object.keys(errors)[0]]); 
+                        }
                     });
             }
         }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmochine/vee-validate-laravel",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Adds simple laravel form validation support to vee-validate",
   "main": "src/vee-validate-laravel.js",
   "scripts": {

src/vee-validate-laravel.js

@@ -10,7 +10,7 @@ const Plugin = {
  *
  * @param   {obj}  errorResponse  [axios error.response]
  *
- * @return  {?string}                 [returns the first error message]
+ * @return  {?obj}                 [returns the all errors with keys]
  */
 function addToErrorBag(errorResponse) {
     // only allow this function to be run if the validator exists
@@ -25,7 +25,7 @@ function addToErrorBag(errorResponse) {
     // check if errors exist
     if (!hasProperty(errorResponse.data, 'errors')) return null;
 
-    return loopThroughErrors.call(this, errorResponse.data.errors);
+    return loopThroughErrors.call(this, errorResponse.data);
 }
 
 const hasProperty = (obj, key) => {
@@ -36,20 +36,28 @@ const hasProperty = (obj, key) => {
     return has.call(obj, key);
 };
 
-function loopThroughErrors(errors) {
-    let firstError = '';
+function loopThroughErrors(data) {
+    if (!data) {
+        return null;
+    }
 
-    Object.keys(errors).forEach((field) => {
-        this.$validator.errors.add({
-            field,
-            msg: errors[field].join(', '),
-        });
+    // Attempt to parse Laravel-structured validation errors.
+    try {
+        const messages = {};
+
+        Object.keys(data.errors).forEach((key) => {
+            messages[key] = data.errors[key].join(', ');
 
-        // add the first error
-        if (!firstError) firstError = errors[field].join(', ');
-    });
+            this.$validator.errors.add({
+                field,
+                msg: messages[key],
+            });
+        });
 
-    return firstError;
+        return messages;
+    } catch (e) {
+        return data;
+    }
 }