dm4t2 / Vue Currency Input
Licence: mit
Easy input of currency formatted numbers for Vue.js.
Stars: ✭ 279
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Currency Input
gutenberg-i18n-block
Gutenberg block to demo internationalization functionality.
Stars: ✭ 35 (-87.46%)
Mutual labels: i18n
Loritta
💁 A multipurpose, multilanguage, customizable, modular, and very cute bot for Discord using JDA! ~Making your server more awesome~
Stars: ✭ 253 (-9.32%)
Mutual labels: i18n
rubocop-i18n
RuboCop rules for detecting and autocorrecting undecorated strings for i18n (gettext and rails-i18n)
Stars: ✭ 32 (-88.53%)
Mutual labels: i18n
language-subtag-registry
BCP 47/IANA language subtag data in JSON format.
Stars: ✭ 53 (-81%)
Mutual labels: i18n
i18next-scanner-typescript
Typescript transform for i18next-scanner
Stars: ✭ 21 (-92.47%)
Mutual labels: i18n
camunda-modeler-i18n-plugin
This plugin allows you to translate the UI of the Camunda Modeler. It contains ready-to-use translations for German, English, and Portuguese and can be easily extended or customized.
Stars: ✭ 14 (-94.98%)
Mutual labels: i18n
polib
Pure python library to manipulate, create, modify gettext files (pot, po and mo files).
Stars: ✭ 34 (-87.81%)
Mutual labels: i18n
wp-l10n-validator
Gettext localization validator for WordPress
Stars: ✭ 17 (-93.91%)
Mutual labels: i18n
Mojito
An automation platform that enables continuous localization.
Stars: ✭ 256 (-8.24%)
Mutual labels: i18n
auto-translate-converter
a cli work for part of i18n project chain
Stars: ✭ 19 (-93.19%)
Mutual labels: i18n
vim-localorie
A Vim plugin for easy look-up of translations for Rails i18n YAML keys.
Stars: ✭ 27 (-90.32%)
Mutual labels: i18n
I18next Scanner
Scan your code, extract translation keys/values, and merge them into i18n resource files.
Stars: ✭ 259 (-7.17%)
Mutual labels: i18n
Flutter i18n
This plugin create a binding between your translations from .arb files and your Flutter app.
Stars: ✭ 255 (-8.6%)
Mutual labels: i18n
Vue Currency Input
The Vue Currency Input plugin allows an easy input of currency formatted numbers. It provides both a standalone
component (<currency-input>
) and a custom Vue directive (v-currency
) for decorating existing input components with
currency format capabilities.
Features
- Tiny bundle size and zero dependencies
- Format as you type
- Locale dependent, ISO-compliant currency formatting based on Intl.NumberFormat
- Distraction free (hides the formatting on focus for easier input)
- Allows handling values as integer numbers for full precision
- Auto decimal mode (automatically inserts the decimal symbol, using the last inputted digits as decimal digits)
- Built-in value range validation
- Works with input components of popular frameworks like Vuetify or Element
Live Demo
Check out the playground to see it in action.
Quick Start
Install the npm package:
npm install vue-currency-input
# OR
yarn add vue-currency-input
Add the Vue plugin in your main.js
:
import Vue from 'vue'
import VueCurrencyInput from 'vue-currency-input'
Vue.use(VueCurrencyInput)
Use the <currency-input
> component:
<template>
<currency-input v-model="value" />
</template>
<script>
export default {
data: () => ({ value: 1000 })
}
</script>
Documentation
Please refer to the project home page for a detailed documentation.
Support me
If you find this plugin helpful or you want to support the development, buy me a coffee:
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].