Getting Started with Kendo UI for Vue Native Internationalization
This guide provides the information you need to start using the Kendo UI for Vue Internationalization component—it includes instructions about the available installation approaches, the required dependencies, the code for running the project, and links to additional resources.
After the completion of this guide, you will be able to achieve an end result as demonstrated in the following example.
Setting Up Your Vue Project
Before you install the Kendo UI for Vue Internationalization, make sure that you have a running Vue project. The easiest way to set up a Vue project is to use the approach described in the Set up the Vue project section of the First Steps with JavaScript article.
Installing the Package
To install the Kendo UI for Vue Native Internationalization package, run the following command in the root of your Vue project:
npm install @progress/kendo-vue-intl @progress/kendo-licensingUsing the Package
- After successfully installing the Internationalization package, use
provideIntlServiceto access the internationalization service.
import { provideIntlService } from '@progress/kendo-vue-intl';- Create a
computedproperty and use theformatNumberfunction:
computed: {
formattedNumber() {
return provideIntlService(this).formatNumber(this.decimal, 'n2');
},
}- Call the computed property in the template:
<h5>Result: {{ formattedNumber }}</h5>Activating Your License Key
Using any of the UI components in the Kendo UI for Vue Native library requires either a commercial license key or an active trial license key.
Follow the instructions on the My License page to activate your trial or commercial license. You can skip this step if your application already contains a Kendo UI for Vue license file.
Next Steps
- Loading Default and Additional Locale Data
- Changing the Current Locale at Runtime
- Services
- API Reference of the Internationalization
Dependencies
The Internationalization package requires the following peer dependencies that have to be installed by your application:
- @progress/kendo-licensing
The following dependencies are required only when you apply internationalization to a locale that is different from the default en-US one.
- cldr-core
- cldr-dates-full
- cldr-numbers-full
The following dependencies will be installed automatically:
- @telerik/kendo-intl