updated docs playground

Author: dipaksarkar

docs/.vuepress/components/BaseInput.vue

@@ -3,7 +3,7 @@
     :value="modelValue"
     type="text"
     class="shadow-sm rounded-md text-base transition-all disabled:cursor-not-allowed disabled:border-gray-300 disabled:text-gray-300 focus:border-primary focus:ring focus:ring-offset-0 focus:ring-primary focus:ring-opacity-50"
-    @input="$emit('update:modelValue', $event.target.value)"
+    @change="$emit('update:modelValue', $event.target.value)"
   />
 </template>
 

docs/.vuepress/components/BaseNumber.vue

@@ -13,6 +13,7 @@
 <script>
 import directive from "../../../src/directive";
 import options from "../../../src/options";
+let emitTimer;
 
 export default {
   props: {
@@ -103,12 +104,6 @@ export default {
         this.maskedValue = val;
       }
     },
-    config: {
-      immediate: true,
-      handler(val) {
-        this.$emit("update:model-value", this.emittedValue || this.modelValue);
-      },
-    },
   },
 };
 </script>

docs/.vuepress/components/PlayGround.vue

@@ -111,13 +111,10 @@ export default {
     config: {
       deep: true,
       handler (val) {
-        clearTimeout(emitTimer);
-        emitTimer = setTimeout(() => {
-          this.updated = false
-          this.$nextTick(() => {
-            this.updated = true;
-          });
-        }, 1000);
+        this.updated = false
+        this.$nextTick(() => {
+          this.updated = true;
+        });
       }
     }
   }