File tree Expand file tree Collapse file tree 3 files changed +34
-16
lines changed Expand file tree Collapse file tree 3 files changed +34
-16
lines changed Original file line number Diff line number Diff line change 22[ ![ npm Downloads] ( https://badgen.net/npm/dt/@coders-tm/vue-number-format?color=green )] ( https://www.npmjs.com/package/@coders-tm/vue-number-format )
33[ ![ Bundlephobia] ( https://badgen.net/bundlephobia/minzip/@coders-tm/vue-number-format?color=green )] ( https://bundlephobia.com/result?p=@coders-tm/vue-number-format )
44[ ![ License] ( https://badgen.net/github/license/coders-tm/vue-number-format?color=green )] ( https://github.com/coders-tm/vue-number-format/blob/master/LICENSE )
5+
56# vue-number-format
7+
68Vue Number Format is used to format a number using fixed-point notation. It can be used to format a number with a specific number of digits to the right of the decimal.
9+
710## Vue 3.0
11+
812``` bash
913npm install @coders-tm/vue-number-format
1014or
1115yarn add @coders-tm/vue-number-format
1216```
17+
1318## Vue 2.0
19+
1420``` bash
15- npm install @coders-tm/vue-number-format@^2.14 .0
21+ npm install @coders-tm/vue-number-format@^2.15 .0
1622or
17- yarn add @coders-tm/vue-number-format@^2.14 .0
23+ yarn add @coders-tm/vue-number-format@^2.15 .0
1824```
25+
1926## Features
2027
2128- Lightweight
@@ -25,5 +32,5 @@ yarn add @coders-tm/vue-number-format@^2.14.0
2532- Built-in validation
2633
2734## Documentation
28- Please refer to the [ project home page] ( https://vue-number-format.netlify.app ) for a detailed documentation.
2935
36+ Please refer to the [ project home page] ( https://vue-number-format.netlify.app ) for a detailed documentation.
Original file line number Diff line number Diff line change @@ -20,10 +20,9 @@ Get all the essentials features Starting at £0.99/mo<br>
2020## Installation
2121
2222::: warning
23- Install the npm package @coders-tm/vue-number-format @^2.14 .0 for Vue 2.0
23+ Install the npm package @coders-tm/vue-number-format @^2.15 .0 for Vue 2.0
2424:::
2525
26-
2726``` bash:no-line-numbers
2827yarn add @coders-tm/vue-number-format
2928
@@ -50,15 +49,21 @@ Vue.use(number, { precision: 4 })
5049
5150``` html
5251<template >
53- <div ><vue-number v-model =" price" v-bind =" number" ></vue-number > {{price}}</div >
52+ <div >
53+ <vue-number
54+ v-model =" price"
55+ v-bind =" number"
56+ ></vue-number >
57+ {{price}}
58+ </div >
5459</template >
5560
5661<script >
5762 import { component } from ' @coders-tm/vue-number-format'
5863
5964 export default {
6065 components: {
61- component,
66+ component
6267 },
6368
6469 data () {
@@ -69,10 +74,10 @@ Vue.use(number, { precision: 4 })
6974 separator: ' ,' ,
7075 prefix: ' $ ' ,
7176 precision: 2 ,
72- masked: false ,
73- },
77+ masked: false
78+ }
7479 }
75- },
80+ }
7681 }
7782 </script >
7883```
@@ -87,7 +92,13 @@ Masking doesn't work with directive
8792
8893``` html
8994<template >
90- <div ><input v-model.lazy =" price" v-number =" number" /> {{price}}</div >
95+ <div >
96+ <input
97+ v-model.lazy =" price"
98+ v-number =" number"
99+ />
100+ {{price}}
101+ </div >
91102</template >
92103
93104<script >
@@ -101,14 +112,14 @@ Masking doesn't work with directive
101112 decimal: ' .' ,
102113 separator: ' ,' ,
103114 prefix: ' $ ' ,
104- precision: 2 ,
105- },
115+ precision: 2
116+ }
106117 }
107118 },
108119
109120 directives: {
110- number: directive,
111- },
121+ number: directive
122+ }
112123 }
113124 </script >
114125```
Original file line number Diff line number Diff line change 11{
22 "name" : " @coders-tm/vue-number-format" ,
3- "version" : " 2.14 .0" ,
3+ "version" : " 2.15 .0" ,
44 "private" : false ,
55 "description" : " Easy formatted numbers, currency and percentage with input/directive mask for Vue.js" ,
66 "author" : " Dipak Sarkar <hello@dipaksarkar.in> (https://dipaksarkar.in/)" ,
You can’t perform that action at this time.
0 commit comments