Skip to content

Commit f495d76

Browse files
committed
v2.15.0
1 parent cc3eccc commit f495d76

File tree

3 files changed

+34
-16
lines changed

3 files changed

+34
-16
lines changed

README.md

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,27 @@
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+
68
Vue 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
913
npm install @coders-tm/vue-number-format
1014
or
1115
yarn 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
1622
or
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.

docs/guide/README.md

Lines changed: 23 additions & 12 deletions
Original file line numberDiff line numberDiff 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
2827
yarn 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
```

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
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/)",

0 commit comments

Comments
 (0)