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
  ) {