Currency Input for Vue3

This package provides a HTML input that formats your number input to any currency using the Intl.NumberFormat.

Installation

You can install the package via composer:

1npm i vue-input-currency

Simple Usage

1. Import in your component and assign a type number value ref of to a value property.
2. The input handles all user inputs and emit the updates on the @update:values

1<script setup>
2  function handleValue({ float, masked }) {
3    console.log(float, masked)
4  }
5</script>
6
7<template>
8  <CurrencyInput
9    @update:values="handleValue"
10    :value="value"
11  />
12</template>

Properties

You can use the following properties:

Property	Required	Default	OBS
locale	No	pt-BR	Intl.NumberFormat locales
currency	No	BRL	Intl.NumberFormat currency
value	No	0	Inital value

This package is open-sourced and licensed under the MIT license.