v-intl-listformat :zap:

• Tiny Vue component for Intl.ListFormat

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

• Demo here -> 💯 Codesandbox Demo

Requirements

• Vue.js 2.x

:white_check_mark: Install :ok_hand:

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

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

:white_check_mark: Usage :mortar_board:

Register the component globally:

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

Or use locally

import IntlListFormat from 'v-intl-listformat';

:white_check_mark: Example 1 :four_leaf_clover:

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

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

:white_check_mark: :book: 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 :octocat:

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