Add internal debounce to the input wrapper

This adds a new `debounce` prop to the input-wrapper which allows proper internal debouncing.

Author: marshallswain

src/FeathersVuexInputWrapper.ts

@@ -1,3 +1,5 @@
+import _debounce from 'lodash/debounce'
+
 export default {
   name: 'FeathersVuexInputWrapper',
   props: {
@@ -8,6 +10,10 @@ export default {
     prop: {
       type: String,
       required: true
+    },
+    debounce: {
+      type: Number,
+      default: 0
     }
   },
   data: () => ({
@@ -18,6 +24,14 @@ export default {
       return this.clone || this.item
     }
   },
+  watch: {
+    debounce: {
+      handler(wait) {
+        this.debouncedHandler = _debounce(this.handler, wait)
+      },
+      immediate: true
+    }
+  },
   methods: {
     createClone(e) {
       this.clone = this.item.clone()
@@ -28,6 +42,7 @@ export default {
       })
     },
     handler(e, callback) {
+      debugger
       if (!this.clone) {
         this.createClone()
       }
@@ -45,7 +60,9 @@ export default {
     }
   },
   render() {
-    const { current, prop, createClone, handler } = this
+    const { current, prop, createClone } = this
+    const handler = this.debounce ? this.debouncedHandler : this.handler
+
     return this.$scopedSlots.default({ current, prop, createClone, handler })
   }
 }