From a8254fdfb142640e49fcd0a3f29273ea46299cff Mon Sep 17 00:00:00 2001
From: Hola <hola@andalaosa.cl>
Date: Sat, 17 Mar 2018 00:28:23 -0300
Subject: [PATCH] chore(js): added placeholder as prop

---
 app/app.vue | 4 +++-
 index.vue   | 9 ++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 433ee17..642e509 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -17,6 +17,7 @@
         :min="options.min"
         :max="options.max"
         :maxlength="options.maxlength"
+        :placeholder="options.placeholder"
         @onInputNumberChange="inputChange"></input-number>
     </p>
 
@@ -42,7 +43,8 @@ export default class App extends Vue {
     step: 1,
     min: 1,
     max: 100,
-    maxlength: 3
+    maxlength: 3,
+    placeholder: ''
   }
 
   inputValue: number = 1
diff --git a/index.vue b/index.vue
index 32862e2..f83d94e 100644
--- a/index.vue
+++ b/index.vue
@@ -14,7 +14,10 @@
         > <i class="v-input-number-icon"></i> </a>
     </div>
 
-    <input type="text" :maxlength="maxlength" autocomplete="off"
+    <input type="text" 
+      :maxlength="maxlength" 
+      autocomplete="off"
+      :placeholder="placeholder"
       class="v-input-number-input"
       v-model.number="quantity"
       @keyup="onKeyup($event)"
@@ -55,6 +58,10 @@ export default {
       type: Number,
       default: 4
     },
+    placeholder: {
+      type: String,
+      default: ''
+    }
   },
 
   data () {