Getting Started with Kendo UI for Vue Native Internationalization
The Kendo UI for Vue Native Internationalization package applies the desired cultures by providing services and pipes for the parsing and formatting of dates and numbers.
Together with the Localization options, the Internationalization package provides the globalization features of Kendo UI for Vue Native. For more information on the globalization aspects which are available for each component, refer to the article on globalization support. For more information on the date and number formats Kendo UI for Vue Native supports, refer to the kendo-intl GitHub repository.
The package exports the following types of provider components:
- An
IntlProvidercomponent and an API for the parsing and formatting of dates and numbers. - A
LocalizationProvidercomponent and an API for the translation of component messages into different languages.
The Kendo UI for Vue Native Internationalization feature is part of the Kendo UI for Vue Native library which provides native Kendo UI components for the Vue ecosystem and is available under the kendo-vue-intl NPM package.
Kendo UI for Vue Native Internationalization
The following example demonstrates how to use the IntlProvider component in basic use-case scenarios.
Kendo UI for Vue Internationalization Key Features
The Kendo UI for Vue Internationalization package delivers a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Vue team constantly invests efforts to improve the performance and add more value to the existing Internationalization library as well as develop new features to it.
Loading Locales
The Internationalization package enables you to load default and additional locale data. Read more about the Intl locale data...
Intl Services
The package exposes a set of services, which provide handy methods for formatting and parsing dates and numbers according to your project requirements. Read more about the Intl services...
Locale Changes
You can change the currently loaded locale at runtime by using the built-in services of the Internationalization package. Read more about how to dynamically change the locale...
Loading Messages
You can load messages for specific languages Read more about how to load messages for a specific language...
Using CDN
To use the Kendo UI for Vue Native Internationalization package with CDN, follow the below steps:
- Reference the
intlpackage.
<script src="https://unpkg.com/@progress/kendo-vue-intl@latest/dist/cdn/js/kendo-vue-intl.js"></script>- Follow the instructions in this article to activate your product license. You can skip this step if your application already contains a license key.
Initializing with Webpack
- Download and install the package:
npm install @progress/kendo-vue-intl @progress/kendo-licensing- Follow the instructions on the Kendo UI for Vue My License page to activate your license. You can skip this step if your application already contains a Kendo UI license file.
Kendo UI for Vue Trial Version and Commercial License
The Vue Internationalization package is part of Kendo UI for Vue, a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. To use it commercially, you need to purchase a license. Feel free to review the Kendo UI for Vue License Agreement to get acquainted with the full terms of use.
Support Options
For any issues you face while working with the Kendo UI for Vue Internationalization, use any of the available support channels:
- Kendo UI for Vue license holders and anyone with an active trial can take advantage of the outstanding customer support delivered by the developers building the library. To submit a support ticket, use the Kendo UI for Vue dedicated support system.
- Kendo UI for Vue forums are part of the free support you can get from the community and from the Kendo UI for Vue team on all kinds of general issues.
- The Kendo UI for Vue feedback portal and Kendo UI for Vue roadmap provide information on the features under consideration and also the planned ones for release.
- Kendo UI for Vue uses GitHub Issues as its bug tracker and you can submit any related reports there. Also, check out the closed list.
- You may need a tailor-made solution for your project. In such cases, go straight to Progress Services.
