fix #3 issue

Author: joseluisq

README.md

@@ -61,13 +61,13 @@ For more detailed example check out [the app directory](./app).
 ## Attributes
 
 - __step:__ Step value for increment and decrement the input number value.
-- __min:__ Minimum value for input number.
+- __min:__ Minimum value for input number. `min` is only used as a placeholder if `placeholder` is empty.
 - __max:__ Maximum value for input number.
 - __maxlength:__ Maxlength for the input number.
 - __keydown:__ Enable keydown for increment or decrement value.
 - __mousedown:__ Enable mousedown for increment or decrement value.
 - __integer:__ Enable integer value only.
-- __placeholder:__ Set a input placeholder.
+- __placeholder:__ Set a input placeholder. If `placeholder` has some value then `min` is not used as a placeholder.
 
 ## Events
 

index.vue

@@ -76,15 +76,19 @@ export default {
   },
 
   watch: {
+    placeholder: function () {
+      this.quantity = !this.placeholder ? this.min : null
+    },
     quantity: function () {
       this.evaluateQuantity()
     },
     min: function (val) {
-      if (this.quantity < val) this.quantity = val
+      if (this.quantity < val) {
+        this.quantity = val
+      }
     },
     max: function (val) {
-      if (this.quantity > val) this.quantity = val
-      else this.quantity = this.min
+      this.quantity = this.quantity > val ? val : this.min
     }
   },
 
@@ -99,23 +103,39 @@ export default {
 
     emitChange (init = false) {
       this.oldValue = this.quantity
-      if (init) this.quantity = this.min
+
+      if (init && !this.placeholder) {
+        this.quantity = this.min
+      }
+
       this.$emit('onInputNumberChange', this.quantity, init)
     },
 
     increment () {
-      this.quantity = this.quantity < this.max
-        ? this.quantity + this.step
-        : this.max
+      if (!this.quantity) {
+        this.quantity = this.min
+      } else {
+        this.quantity = this.quantity < this.max
+          ? this.quantity + this.step
+          : this.max
+      }
     },
 
     decrement () {
-      this.quantity = this.quantity > this.min
-        ? this.quantity - this.step
-        : this.min
+      if (!this.quantity) {
+        this.quantity = this.min
+      } else {
+        this.quantity = this.quantity > this.min
+          ? this.quantity - this.step
+          : this.min
+      }
     },
 
     onBlur () {
+      if (this.placeholder && !this.quantity) {
+        return
+      }
+
       if (this.quantity.toString().length === 0) {
         this.quantity = this.oldValue
         return
@@ -141,6 +161,7 @@ export default {
       if (this.isKeydown) return
 
       if (
+        !this.placeholder &&
         this.quantity.toString().length > 0 &&
         this.quantity !== this.oldValue
       ) {