# Kendo UI for Vue TypeScript Integration Overview

## Vue and Typescript

With the release of Vue 3, TypeScript is getting more and more popular among Vue users. The main reason for this change is because now it is much easier to configure your project to use TypeScript and benefit from the functionality the language provides.

<CtaPanelOverview></CtaPanelOverview>

## Kendo UI for Vue and TypeScript

The Kendo UI for Vue components are fully compatible with TypeScript. Using the [Volar Visual Studio Code extension](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) you can benefit from the intellisense definitions available for all Kendo UI for Vue components.

![Volar VS Code extension](https://www.telerik.com/kendo-vue-ui-develop/components/assets/5d085efdb2c7e534a4aefa7a51ae48b1/volar.gif)

> Volar is an extension recommended by the Vue core team and widely communicated by them

If you have previous experience with the `Vetur IDE`, to use the discussed above intellisense functionality, we recommend switching to `Vоlar`.

## Getting started with Kendo UI for Vue and TypeScript

Based your preferences in using the Vue's Composition or Options API, here are to articles that provide step-by-step instructions on how the Kendo UI for Vue components can be used with TypeScript:

* [Kendo UI for Vue - First Steps with TypeScript + Composition API](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Kendo UI for Vue - First Steps with TypeScript + Options API](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)

## Composition API Details

As mentioned above, the Kendo UI for Vue components can be used both with **[Options API](https://vuejs.org/guide/introduction.html#options-api)** and **[Composition API](https://vuejs.org/guide/introduction.html#composition-api)**.

> The Composition API is available out of the box in Vue 3.

## Suggested Links