vinayakkulkarni / v-intl-listformat

Tiny vue component for Intl.ListFormat

v-intl-listformat ⚡

• Tiny Vue component for Intl.ListFormat

• This is on GitHub so let me know if I've b0rked it somewhere, give me a star ⭐ if you like it 🍻

• Demo here -> 💯 Codesandbox Demo

Requirements

• Vue.js 2.x

✅ Install 👌

npm install v-intl-listformat --save
// or
yarn add v-intl-listformat

CDN: UNPKG | jsDelivr (available as window.VIntlListFormat)

✅ Usage 🎓

Register the component globally:

Vue.component('IntlListFormat', require('v-intl-listformat'));

Or use locally

import IntlListFormat from 'v-intl-listformat';

✅ Example 1 🍀

<intl-list-format :payload="name"></intl-list-format>
// → 'Frank and Christine'

Vue.component('example-component', {
	data() {
		return {
			name: ['Frank', 'Christine'],
		};
	}
});

✅ 📖 Props

Name	Type	Required?	Default	Description
payload	Array	Yes	[]	Locale you want to initialise the formatting to be done.
locale	String	No	en	Locale you want to initialise the formatting to be done.
type	String	No	null	Type can be disjunction or unit.
style	String	No	null	Style is passed with type, values can be short or narrow.

NPM

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Author

v-intl-listformat © Vinayak, Released under the MIT License.
Authored and maintained by Vinayak Kulkarni with help from contributors (list).

vinayak.pw · GitHub @vinayakkulkarni · Twitter @_vinayak_k