vue-numeric-keypad - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

package.json

 {
   "name": "vue-numeric-keypad",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "The virtual numeric keypad that can be used on Vue.",
@@ -5,0 +5,0 @@ "main": "dist/vue-numeric-keypad.ssr.js",

README.md

@@ -1,3 +0,2 @@
-# Vue Numeric Keypad ![npm dev dependency version](https://img.shields.io/npm/dependency-version/vue-numeric-keypad/dev/vue)
-
+# Vue Numeric Keypad [![npm](https://img.shields.io/npm/v/vue-numeric-keypad)](https://www.npmjs.com/package/vue-numeric-keypad) [![npm dev dependency version](https://img.shields.io/npm/dependency-version/vue-numeric-keypad/dev/vue)](https://www.npmjs.com/package/vue/v/2.6.14)
 The virtual numeric keypad that can be used on Vue.
@@ -18,15 +17,15 @@ It was produced in NPM v6.14.13 and Vue v2.6.14 environments.
 <template>
-	<div id="app">
-		<input
-			type="number"
-			:value="value"
-			@click.stop="show = true"
-			readonly
-		/>
-		<VueNumericKeypad
-			:value.sync="value"
-			:show.sync="show"
-			:options="options"
-		/>
-	</div>
+  <div id="app">
+    <input
+      type="number"
+      :value="value"
+      @click.stop="show = true"
+      readonly
+    />
+    <VueNumericKeypad
+      :value.sync="value"
+      :show.sync="show"
+      :options="options"
+    />
+  </div>
 </template>
@@ -38,22 +37,22 @@
 export  default {
-	name:  "App",
-	components: {
-		VueNumericKeypad,
-	},
-	data() {
-		return {
-			value:  "",
-			show:  0,
-			options: {
-				keyRandomize:  true,
-				randomizeClick:  true,
-				fixDeleteKey:  false,
-			},
-		};
-	},
-	created() {
-		document.addEventListener('click', function () {
-			this.show = 0;
-		}.bind(this));
-	}
+  name:  "App",
+  components: {
+    VueNumericKeypad,
+  },
+  data() {
+    return {
+      value:  "",
+      show:  0,
+      options: {
+        keyRandomize:  true,
+        randomizeClick:  true,
+        fixDeleteKey:  false,
+      },
+    };
+  },
+  created() {
+    document.addEventListener('click', function () {
+      this.show = 0;
+    }.bind(this));
+  }
 };
@@ -68,10 +67,10 @@ </script>
 <script>
-	Vue.use(VueNumericKeypad);
-    new Vue({ ... });
+  Vue.use(VueNumericKeypad);
+  new Vue({ ... });
 </script>
 ...
 <vue-numeric-keypad
-    :value.sync="value"
-    :show.sync="show"
-    :options="options"
+  :value.sync="value"
+  :show.sync="show"
+  :options="options"
 />
@@ -81,3 +80,3 @@ ```
 
-https://chae-sumin.github.io/vue-numeric-keypad/
+https://chae-sumin.github.io/vue-numeric-keypad-demo/
 
@@ -115,14 +114,14 @@ ## Props and Options
 {
-	position: 'fixed',
-	bottom: 0,
-	left: 0,
-	right: 0,
-	height: '40vh',
-	padding: '10px',
-	backgroundColor: '#fff',
-	borderRadius: '10px 10px 0 0',
-	boxShadow: '0 -4px 4px rgba(0, 0, 0, 0.1)',
-	color: '#000',
-	overflow: 'hidden',
-	fontSize: fontSize + 'px'
+  position: 'fixed',
+  bottom: 0,
+  left: 0,
+  right: 0,
+  height: '40vh',
+  padding: '10px',
+  backgroundColor: '#fff',
+  borderRadius: '10px 10px 0 0',
+  boxShadow: '0 -4px 4px rgba(0, 0, 0, 0.1)',
+  color: '#000',
+  overflow: 'hidden',
+  fontSize: fontSize + 'px'
 }
@@ -135,8 +134,8 @@ ```
 {
-	display: 'grid',
-	width: '100%',
-	height: '100%',
-	gridTemplateColumns: `repeat(${columns}, 1fr)`,
-	gridTemplateRows: `repeat(${rows}, 1fr)`,
-	gridGap: '5px'
+  display: 'grid',
+  width: '100%',
+  height: '100%',
+  gridTemplateColumns: `repeat(${columns}, 1fr)`,
+  gridTemplateRows: `repeat(${rows}, 1fr)`,
+  gridGap: '5px'
 }
@@ -147,11 +146,12 @@ ```
 {
-	display: 'flex',
-	justifyContent: 'center',
-	alignItems: 'center',
-	backgroundColor: '#fff',
-	border: '1px solid #000',
-	borderRadius: '5px',
-	fontSize: 'inherit'
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  backgroundColor: '#fff',
+  border: '1px solid #000',
+  borderRadius: '5px',
+  fontSize: 'inherit'
 }
 ```
+
 ## Tip
@@ -164,3 +164,5 @@
  - If you match the total length of the optional `keyArray` with the total length of the keypad, the design will not break.
+
 ## License
+
 [![NPM](https://img.shields.io/npm/l/vue-numeric-keypad)](https://github.com/Chae-Sumin/vue-numeric-keypad/blob/master/LICENSE)
@@ -170,2 +172,2 @@
 
[e-mail]
[e-mail]

No alert changes

Improved metrics

Total package byte prevSize

49527

increased by0.52%

Number of lines in readme file

165

increased by1.85%

No dependency changes