Skip to content

Commit 4596cc1

Browse files
committed
resolve feedback
1 parent d356658 commit 4596cc1

File tree

4 files changed

+20
-22
lines changed

4 files changed

+20
-22
lines changed

docs/getting-started/get-started-nuxt-3.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,11 @@ This tutorial will help you develop a simple app that includes a native Vue Data
1818
>* [Kendo UI for Vue with JavaScript and the Options API](slug:getting_started_javascript_options_api)
1919
>* [Kendo UI for Vue with TypeScript and the Options API](slug:getting_started_typescript_options_api)
2020
21+
> Historically, all Kendo UI for Vue Native components have supported both **Vue 2** and **Vue 3**. However, Kendo UI for Vue versions released after **November 2024** will no longer support Vue 2. For more information, see [Vue 2 End of Life](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/).
22+
2123
## Create the Vue Project
2224

23-
1. Create a Nuxt project named my-app:
25+
1. Create a Nuxt project named `my-app`:
2426

2527
```sh
2628
npx nuxi init my-app
@@ -86,13 +88,13 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)
8688
## Add a Vue Data Grid Component
8789

8890

89-
1. Create the file in which we will add the Grid's logic with the following command:
91+
1. Now that you've installed all required packages, you are ready to add the Kendo UI for Vue Data Grid to the application.
9092
9193
```sh
9294
npx nuxi add page KendoGrid
9395
```
9496
95-
1. In the pages/KendoGrid.vue file, add a `<script>` block and import the Grid and its data:
97+
1. In the `pages/KendoGrid.vue` file, add a `<script>` block and import the Grid and its data:
9698
9799
98100
```js

docs/getting-started/javascript-options-api.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: First Steps (Options API and JavaScript)
3-
page_title: Kendo UI for Vue Components Introduction - Kendo UI for Vue Docs & Demos
3+
page_title: Kendo UI for Vue Components with JavaScript and the Options API Introduction - Kendo UI for Vue Docs & Demos
44
description: "Get started with the Kendo UI for Vue Native Components using Vite and Options API."
55
slug: getting_started_javascript_options_api
66
brand: getting-started
@@ -18,14 +18,14 @@ This tutorial will help you develop a simple app that includes a native Vue Data
1818
>* [Kendo UI for Vue with TypeScript and the Options API](slug:getting_started_typescript_options_api)
1919
2020

21-
> Historically, all Kendo UI for Vue Native components support both **Vue 2** and **Vue 3**, however, Vue 2 is currently in its end-of-support phase till Nov 2024. After our last major release for 2024, Vue 2 will no longer be supported in the new versions of the Kendo UI for Vue components. Please check our [Vue 2 End of Support article](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/) for more details.
21+
> Historically, all Kendo UI for Vue Native components have supported both **Vue 2** and **Vue 3**. However, Kendo UI for Vue versions released after **November 2024** will no longer support Vue 2. For more information, see [Vue 2 End of Life](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/).
2222
2323
## Create the Vue Project
2424

2525
The recommended way to scaffold your Vue project is using [Vite](https://vuejs.org/guide/scaling-up/tooling.html#vite).
2626

2727

28-
> You can use both NPM and Yarn to create the project and import the Kendo UI for Vue components. However, for the purposes of this tutorial, we demonstrate only NPM.
28+
> You can use both NPM and Yarn to create the project and import the Kendo UI for Vue components. This tutorial demonstrates only the NPM approach.
2929
3030
1. Create the Vue project:
3131

@@ -50,7 +50,7 @@ The recommended way to scaffold your Vue project is using [Vite](https://vuejs.o
5050
...
5151
```
5252

53-
1. Select the JavaScript framework variant
53+
1. Select the JavaScript framework variant.
5454

5555
```sh
5656
? Select a variant: » - Use arrow-keys. Return to submit.

docs/getting-started/typescript-composition-api.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,11 @@ This tutorial will help you develop a simple app that includes a native Vue Data
1919
2020
> Vue 2 is currently in its end-of-support phase till Nov 2024. After our last major release for 2024, Vue 2 will no longer be supported in the new versions of the Kendo UI for Vue components. Please check our [Vue 2 End of Support article](slug:vue2-end-of-support) for more details.
2121
22-
> Prefer video tutorials? How about a free Telerik UI onboarding course? Check out the [Kendo UI for Vue with TypeScript](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) training in [Telerik Virtual Classroom](https://learn.telerik.com/learn).
23-
2422
## Create the Vue Project
2523

2624
The recommended way to scaffold your Vue project is using [Vite](https://vuejs.org/guide/scaling-up/tooling.html#vite).
2725

28-
> You can use both NPM and Yarn to create the project and import the Kendo UI for Vue components. However, for the purposes of this tutorial, we demonstrate only NPM.
26+
> You can use both NPM and Yarn to create the project and import the Kendo UI for Vue components. This tutorial demonstrates only the NPM approach.
2927
3028
1. Create the Vue project:
3129

@@ -50,7 +48,7 @@ The recommended way to scaffold your Vue project is using [Vite](https://vuejs.o
5048
...
5149
```
5250

53-
1. Select the TypeScript framework variant
51+
1. Select the TypeScript framework variant.
5452

5553
```sh
5654
? Select a variant: » - Use arrow-keys. Return to submit.
@@ -79,7 +77,7 @@ Now that the project is clean, you can start developing the sample application.
7977

8078
## Add Application Data
8179

82-
Add dummy data needed by the components. Create folder `appdata` in the `src` folder. Add the following files to the `appdata` folder.
80+
Components like the Grid need some data that they can display, so, in this step, you will add a file with sample data:
8381

8482
1. Create a new `src/appdata/products.ts` file. Copy the content of [this GitHub file](https://github.com/telerik/kendo-vue/tree/master/getting-started-typescript-composition-api/src/appdata/categories.ts) and paste it into the `products.ts` file.
8583

docs/getting-started/typescript-options-api.md

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: First Steps (Options API and TypeScript)
3-
page_title: Kendo UI for Vue Native Components with TypeScript Introduction - Kendo UI for Vue Docs & Demos
3+
page_title: Kendo UI for Vue Native Components with TypeScript and Options API Introduction - Kendo UI for Vue Docs & Demos
44
description: "Get started with the Kendo UI for Vue Native Components using Typescript, Vite and Options API."
55
slug: getting_started_typescript_options_api
66
brand: getting-started
@@ -11,23 +11,24 @@ position: 30
1111

1212
# Get Started with Kendo UI for Vue
1313

14+
> Prefer video tutorials? How about a free Telerik UI onboarding course? Check out the [Kendo UI for Vue with TypeScript](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) training in [Telerik Virtual Classroom](https://learn.telerik.com/learn).
15+
16+
1417
This tutorial will help you develop a simple app that includes a native Vue Data Grid component. To achieve this, you will build a project using [Vite](https://vitejs.dev/) and the [Vue Composition API](https://github.com/telerik/kendo-vue/tree/master/getting-started-javascript-options-api) paired with TypeScript.
1518

1619
>Curious about JavaScript or the Composition API? This tutorial comes in several additional variants:
1720
>* [Kendo UI for Vue with TypeScript and the Composition API](slug:getting_started_typescript_composition_api)
1821
>* [Kendo UI for Vue with JavaScript and the Options API](slug:getting_started_javascript_options_api)
1922
2023

21-
> Historically, all Kendo UI for Vue Native components support both **Vue 2** and **Vue 3**, however, Vue 2 is currently in its end-of-support phase till Nov 2024. After our last major release for 2024, Vue 2 will no longer be supported in the new versions of the Kendo UI for Vue components. Please check our [Vue 2 End of Support article](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/) for more details.
22-
23-
> Prefer video tutorials? How about a free Telerik UI onboarding course? Check out the [Kendo UI for Vue with TypeScript](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript) training in [Telerik Virtual Classroom](https://learn.telerik.com/learn).
24+
> Historically, all Kendo UI for Vue Native components have supported both **Vue 2** and **Vue 3**. However, Kendo UI for Vue versions released after **November 2024** will no longer support Vue 2. For more information, see [Vue 2 End of Life](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/).
2425
2526
## Create the Vue Project
2627

2728
The recommended way to scaffold your Vue project is using [Vite](https://vuejs.org/guide/scaling-up/tooling.html#vite).
2829

2930

30-
> You can use both NPM and Yarn to create the project and import the Kendo UI for Vue components. However, for the purposes of this tutorial, we demonstrate only NPM.
31+
> You can use both NPM and Yarn to create the project and import the Kendo UI for Vue components. This tutorial demonstrates only the NPM approach.
3132
3233
1. Create the Vue project:
3334

@@ -52,7 +53,7 @@ The recommended way to scaffold your Vue project is using [Vite](https://vuejs.o
5253
...
5354
```
5455

55-
1. Select the TypeScript framework variant
56+
1. Select the TypeScript framework variant.
5657

5758
```sh
5859
? Select a variant: » - Use arrow-keys. Return to submit.
@@ -81,14 +82,11 @@ Before you start playing with Kendo UI for Vue, clean up the sample app created
8182
</script>
8283
```
8384

84-
Now that the project is clean, you can start developing the sample application.
85-
86-
8785
Now, when we are ready with the blank Vue project, we can continue the development of our sample application.
8886

8987
## Add Application Data
9088

91-
Add dummy data needed by the components. Create folder `appdata` in the `src` folder. Add the following files to the `appdata` folder.
89+
Components like the Grid need some data that they can display, so, in this step, you will add a file with sample data:
9290

9391
1. Create a new `src/appdata/products.ts` file. Copy the content of [this GitHub file](https://github.com/telerik/kendo-vue/tree/master/getting-started-typescript-composition-api/src/appdata/categories.ts) and paste it into the `products.ts` file.
9492

0 commit comments

Comments
 (0)