1.1.2 • Published 5 years ago
v-intl-listformat v1.1.2
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
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- 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