chore: 🔥 support btn and update patron

Author: TouchSek

.github/FUNDING.yml

@@ -0,0 +1 @@
+patreon: chantouch

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-api-queries",
-  "version": "0.0.9",
+  "version": "0.0.10-alpha.0",
   "description": "Elegant and simple way to build requests for REST API",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -49,27 +49,27 @@
   "devDependencies": {
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@nuxt/types": "latest",
+    "@nuxt/types": "^2.14.7",
     "@nuxt/typescript-build": "latest",
     "@nuxt/typescript-runtime": "latest",
-    "@nuxtjs/auth-next": "^5.0.0-1595976864.509d9d6",
+    "@nuxtjs/auth-next": "^5.0.0-1602966760.822bc05",
     "@nuxtjs/axios": "^5.12.2",
     "@nuxtjs/eslint-config-typescript": "latest",
     "@types/escape-string-regexp": "^2.0.1",
     "@types/jest": "^26.0.14",
     "@types/lodash.merge": "^4.6.6",
-    "@types/node": "^14.11.8",
-    "@typescript-eslint/eslint-plugin": "^4.1.1",
-    "@typescript-eslint/parser": "^4.1.1",
+    "@types/node": "^14.11.10",
+    "@typescript-eslint/eslint-plugin": "^4.4.1",
+    "@typescript-eslint/parser": "^4.4.1",
     "axios-mock-adapter": "^1.18.2",
     "bootstrap-vue": "^2.17.3",
-    "eslint": "^7.9.0",
-    "eslint-config-prettier": "^6.11.0",
+    "eslint": "^7.11.0",
+    "eslint-config-prettier": "^6.13.0",
     "eslint-plugin-prettier": "^3.1.4",
     "husky": "^4.3.0",
-    "jest": "^26.4.2",
+    "jest": "^26.5.3",
     "nodemon": "^2.0.5",
-    "nuxt-edge": "latest",
+    "nuxt-edge": "^2.14.8-26717802.265d0e7a",
     "prettier": "^2.1.2",
     "rimraf": "^3.0.2",
     "semantic-release": "^17.2.1",

package.json

@@ -88,13 +88,20 @@ class BaseProxy {
   __getParameterString(url: string): string {
     const keys = Object.keys(this.parameters)
     const parameters = keys
-      .filter((key) => !!this.parameters[key])
-      .map((key) => `${key}=${this.parameters[key]}`)
+      .filter((key: string) => !!this.parameters[key])
+      .map((key: string) => `${key}=${this.parameters[key]}`)
     return parameters.length === 0 ? url : `${url}?${parameters.join('&')}`
   }
 
   __validateRequestType(requestType: Method): void {
-    const requestTypes = ['get', 'delete', 'head', 'post', 'put', 'patch']
+    const requestTypes: Array<string> = [
+      'get',
+      'delete',
+      'head',
+      'post',
+      'put',
+      'patch',
+    ]
     if (!requestTypes.includes(requestType)) {
       throw new Error(
         `\`${requestType}\` is not a valid request type, ` +

src/core/BaseProxy.ts

@@ -27,7 +27,7 @@ class Validator {
     let hasError = this.errors.hasOwnProperty(field)
     if (!hasError) {
       const errors = Object.keys(this.errors).filter(
-        (e) => e.startsWith(`${field}.`) || e.startsWith(`${field}[`),
+        (e: string) => e.startsWith(`${field}.`) || e.startsWith(`${field}[`),
       )
       hasError = errors.length > 0
     }
@@ -60,14 +60,14 @@ class Validator {
       if (!fields.length) {
         return {}
       }
-      fields.forEach((key) => (errors[key] = this.get(key)))
+      fields.forEach((key: string) => (errors[key] = this.get(key)))
       return errors
     }
     if (!fields.length) {
       return Object.keys(this.errors).length > 0
     }
     const errors = {}
-    fields.forEach((key) => (errors[key] = this.get(key)))
+    fields.forEach((key: string) => (errors[key] = this.get(key)))
     return Object.keys(errors).length > 0
   }
 
@@ -96,22 +96,22 @@ class Validator {
       attribute.map((field: string) => {
         Object.keys(errors)
           .filter(
-            (e) =>
+            (e: string) =>
               e === field ||
               e.startsWith(`${field}.`) ||
               e.startsWith(`${field}[`),
           )
-          .forEach((e) => delete errors[e])
+          .forEach((e: string) => delete errors[e])
       })
     } else {
       Object.keys(errors)
         .filter(
-          (e) =>
+          (e: string) =>
             e === attribute ||
             e.startsWith(`${attribute}.`) ||
             e.startsWith(`${attribute}[`),
         )
-        .forEach((e) => delete errors[e])
+        .forEach((e: string) => delete errors[e])
     }
     this.fill(errors)
   }
@@ -129,7 +129,7 @@ class Validator {
 }
 
 export interface ErrorOptions {
-  [key: string]: any
+  [key: string]: any | any[]
 }
 
 export type { Validator as ValidatorType }

src/core/Validator.ts

@@ -1,5 +1,6 @@
 import type { ValidatorType } from './core/Validator'
 import Validator from './core/Validator'
+import _Vue from 'vue'
 
 // augment typings of Vue.js
 import './vue'
@@ -8,11 +9,11 @@ export type Errors = ValidatorType
 export type { ValidatorType }
 
 class VueApiQueries {
-  install(Vue: any) {
-    Vue.mixin({
-      beforeCreate() {
+  install(Vue: typeof _Vue) {
+    Vue.extend({
+      beforeCreate(this: any) {
         this.$options.$errors = {}
-        Vue.util.defineReactive(this.$options, '$errors', Validator)
+        Vue.set(this.$options, '$errors', Validator)
         if (!this.$options.computed) {
           this.$options.computed = {}
         }