feat: 🚀 added ability to use custom

Author: TouchSek

nuxt/templates/plugin.js

@@ -1,9 +1,12 @@
 import Vue from 'vue'
 import VueApiQueries, { Validator, BaseProxy } from 'vue-api-queries'
 
+const errorsKeyName = '<%= options.errorsKeyName %>'
+
 export default function (ctx, inject) {
   Vue.use(VueApiQueries)
   ctx.$errors = Validator
   BaseProxy.$http = ctx.$axios
+  BaseProxy.$errorsKeyName = errorsKeyName || 'errors'
   inject('queries', BaseProxy)
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-api-queries",
-  "version": "0.0.10-alpha.2",
+  "version": "0.0.11",
   "description": "Elegant and simple way to build requests for REST API",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/core/BaseProxy.ts

@@ -7,10 +7,11 @@ import { objectToFormData } from '../util/formData'
 const validator = Validator
 
 class BaseProxy {
+  public errors: Errors
   public parameters: any | any[]
   public readonly endpoint: string
   public static $http: AxiosInstance
-  public errors: Errors
+  public static $errorsKeyName = 'errors'
 
   constructor(endpoint: string, parameters?: any | any[]) {
     this.endpoint = endpoint
@@ -22,6 +23,10 @@ class BaseProxy {
     return <AxiosInstance>BaseProxy.$http
   }
 
+  get $errorsKeyName(): string {
+    return BaseProxy.$errorsKeyName
+  }
+
   all(): Promise<any> {
     return this.submit('get', `/${this.endpoint}`)
   }
@@ -73,7 +78,8 @@ class BaseProxy {
           if (response) {
             const { data = {}, status } = response
             if (status === 422) {
-              const { errors } = data
+              const errors = {}
+              Object.assign(errors, data[this.$errorsKeyName])
               this.onFail(errors)
               validator.fill(errors)
             }

src/core/Validator.ts

@@ -1,5 +1,9 @@
 import { is, isArray } from '../util/objects'
 
+export interface ErrorOptions {
+  [key: string]: string | string[]
+}
+
 class Validator {
   public errors: any
   public successful: boolean
@@ -128,10 +132,6 @@ class Validator {
   }
 }
 
-export interface ErrorOptions {
-  [key: string]: any | any[]
-}
-
 export type { Validator as ValidatorType }
 
 export default new Validator()

src/index.ts

@@ -1,5 +1,8 @@
 import type { ValidatorType } from './core/Validator'
+import BaseProxy from './core/BaseProxy'
 import Validator from './core/Validator'
+import BaseTransformer from './core/BaseTransformer'
+import PaginationTransformer from './core/PaginationTransformer'
 
 // augment typings of Vue.js
 import './vue'
@@ -23,8 +26,5 @@ class VueApiQueries {
     })
   }
 }
-export { default as Validator } from './core/Validator'
-export { default as BaseProxy } from './core/BaseProxy'
-export { default as BaseTransformer } from './core/BaseTransformer'
-export { default as PaginationTransformer } from './core/PaginationTransformer'
+export { BaseProxy, BaseTransformer, PaginationTransformer, Validator }
 export default new VueApiQueries()