https://github.com/ignoreintuition/v-currency

A plugin for formatting currency for different countries in Vue
https://github.com/ignoreintuition/v-currency

accounting currency hacktoberfest javascript plugin vue vue2 vuejs vuejs2

Last synced: 4 months ago
JSON representation

A plugin for formatting currency for different countries in Vue

• Host: GitHub
• URL: https://github.com/ignoreintuition/v-currency
• Owner: ignoreintuition
• License: mit
• Created: 2018-03-13T02:37:54.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-10-13T23:41:12.000Z (about 5 years ago)
• Last Synced: 2024-04-13T05:08:04.659Z (7 months ago)
• Topics: accounting, currency, hacktoberfest, javascript, plugin, vue, vue2, vuejs, vuejs2
• Language: JavaScript
• Homepage: http://resurgencewebdesign.com/v-convert/
• Size: 123 KB
• Stars: 24
• Watchers: 5
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# v-currency

> A plugin for formatting currency in Vue.js

## Usage

```

 Vue.use(Currency, {

  "type": "USD",

  "thousandSeparator": true,

 });

```

In order to use it in your components:

```

export default {

  name: 'Sample',

  data () {

    return {

      moneys: [

        100500.945, 15043.5, 9909, 210, 44.30, -24, 'tq1'

      ]

    }

  },

  methods: {

    getMoneys(i) {

      return this.$helpers.currency(this.moneys[i]);

    },

  },

```

To change currency on the fly

```

onChange(e){

  this.$helpers.changeCurrency(e.target.value);

  this.$forceUpdate();

}

```

## Supported formats

* USD (US)

* CAD (Canada)

* EUR (Europe)

* GBP (Great Britain)

* JPY (Japan)

* DEU (Germany)

* BRA (Brazil)

* FRA (France)

* ITA (Italy)

* CHE (Switzerland)

* BGR (Bulgaria)

If the format is not explicitly defined in the ruleset will default to JavaScripts toLocaleString.  To create a custom format you can add rules to the components.  

```

"YOUR_CUSTOM_CURRENCY": {

  "symbol": "$_", // preceding underscore places numbers before symbol.  succeeding underscore places numbers after symbol

  "thousandSeperator": 0, // (0: comma || 1: decimal || 2: space || 3: apostrophe)

  "decimalSeperator": 0, // (0: decimal || 1: comma || 2: space)

  "negativePattern": 2 // (0: symbol before || 1: symbol after || 2: Parenthesis)

},

```

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).