update demo page

kevinongko · kevinongko · commit 8cda0b6c136e · 2017-09-04T14:52:30.000+07:00
diff --git a/docs/index.html b/docs/index.html
@@ -5,9 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>vue-numeric demo</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.5.1/css/bulma.min.css">
+    <style>
+      [v-cloak] {
+        display: none;
+      }
+    </style>
   </head>
   <body>
-    <div id="app">
+    <div id="app" v-cloak>
       <section class="hero is-primary is-bold">
         <div class="hero-body">
           <div class="container">
@@ -60,19 +65,19 @@ <h1 class="title is-4">
           <div class="column is-12">
             <p class="control">
               <label class="label"> Minimum Value </label>
-              <input class="input" type="number" v-model="minValue">
+              <input class="input" type="number" v-model.number="minValue">
             </p>
           </div>
           <div class="column is-12">
             <p class="control">
               <label class="label"> Maximum Value </label>
-              <input class="input" type="number" v-model="maxValue">
+              <input class="input" type="number" v-model.number="maxValue">
             </p>
           </div>
           <div class="column is-12">
             <p class="control">
               <label class="label"> Decimals digits </label>
-              <input class="input" type="number" v-model="decimals">
+              <input class="input" type="number" v-model.number="decimals">
             </p>
           </div>
           <div class="column is-12">
