Lightweight vue currency filter based on accounting.js
https://mazipan.github.io/vue-currency-filter/
# NPM
npm install vue-currency-filter
# Yarn
yarn add vue-currency-filter
import VueCurrencyFilter from 'vue-currency-filter'
Vue.use(VueCurrencyFilter)
Vue.use(VueCurrencyFilter,
{
symbol : '$',
thousandsSeparator: '.',
fractionCount: 2,
fractionSeparator: ',',
symbolPosition: 'front',
symbolSpacing: true
})
<span>{{ 20000 | currency}}</span>
Create file plugins/currency.js
, with code :
import VueCurrencyFilter from 'vue-currency-filter'
import Vue from 'vue'
Vue.use(VueCurrencyFilter, {
symbol: '$',
thousandsSeparator: ',',
fractionCount: 2,
fractionSeparator: '.',
symbolPosition: 'front',
symbolSpacing: true
})
Then update your nuxt.config.js, with code :
module.exports = {
plugins: [
{ src: '~/plugins/currency', ssr: false }
]
}
See this commit for sample in Nuxt.js.
<span>
{{ textInput | currency(configSymbol, configSeparator, configFractionCount,
configFractionSeparator, configSymbolPosition, configSymbolSpacing)}}
</span>
{
symbol: 'string (default : empty string)',
thousandsSeparator: 'string (default : .)',
fractionCount: 'number (default : 0)',
fractionSeparator: 'string (default: ",")',
symbolPosition: 'string (default: front)',
symbolSpacing: 'boolean (default: true)'
}
If you'd like to contribute, head to the contributing guidelines. Inside you'll find directions for opening issues, coding standards, and notes on development.
- @iqbalhood: VueCurrencyFilter logo creator (see #19)
Copyright © 2017 Built with ❤️ by Irfan Maulana