Skip to content

reposition EOL note, remove VR classroom note #593

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 14 commits into
base: master
Choose a base branch
from
Draft

reposition EOL note, remove VR classroom note #593

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
a6373bd
reposition EOL note, remove VR classroom note
filipKovachev Jul 4, 2024
3b9a58c
remove yarn snipets to fix rendering
filipKovachev Jul 7, 2024
2e89b60
address feedback
filipKovachev Jul 23, 2024
b8c029c
add snippets
filipKovachev Jul 26, 2024
d7fedfc
Final review of GS w. JS and options API
yordan-mitev Aug 1, 2024
7cf463c
Apply suggestions from code review
yordan-mitev Aug 5, 2024
5986749
Merge pull request #601 from telerik/edit-getting-started-articles
yordan-mitev Aug 5, 2024
641b36d
modify steps and code snippets
filipKovachev Aug 6, 2024
321802a
Edit get-started-nuxt-3.md part1
yordan-mitev Aug 7, 2024
200316b
Add script block instructions
yordan-mitev Aug 7, 2024
df44109
Remove duplicate instructions in typescript-options-api.md
yordan-mitev Aug 8, 2024
4a4c501
fix snippets
filipKovachev Aug 19, 2024
579650e
Adjust basic component setup in typescript-composition-api.md
yordan-mitev Aug 21, 2024
859afb3
Update typescript-composition-api.md
yordan-mitev Aug 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 0 additions & 10 deletions docs/getting-started/get-started-nuxt-3.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,11 +59,6 @@ Kendo UI for Vue is distributed as multiple NPM packages, scoped to `@progress`.
```sh
npm install --save @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
<!---
```sh
yarn add @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
--->

## Import the CSS Styles

Expand All @@ -74,11 +69,6 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)
```sh
npm install --save @progress/kendo-theme-default
```
<!---
```sh
yarn add --save @progress/kendo-theme-default
```
--->

1. In the `nuxt.config.ts` file, import the CSS files provided by the installed theme package:

Expand Down
23 changes: 2 additions & 21 deletions docs/getting-started/javascript-options-api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,6 @@ position: 10

# Get Started with Kendo UI for Vue

> 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).

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 Options API](https://vuejs.org/guide/typescript/options-api) paired with JavaScript.


Expand All @@ -20,8 +18,6 @@ This tutorial will help you develop a simple app that includes a native Vue Data
>* [Kendo UI for Vue with TypeScript and the Options API](slug:getting_started_typescript_options_api)
>* [Kendo UI for Vue with the Composition API and Nuxt 3](slug:getting_started_nuxt_3)

> 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/).

## Create the Vue Project

The recommended way to scaffold your Vue project is using [Vite](https://vuejs.org/guide/scaling-up/tooling.html#vite).
Expand All @@ -34,11 +30,6 @@ The recommended way to scaffold your Vue project is using [Vite](https://vuejs.o
```sh
npm create vite@latest
```
<!---
```sh
yarn create vite
```
--->

1. Enter the project name, for example, `my-app`.

Expand Down Expand Up @@ -105,11 +96,6 @@ Kendo UI for Vue is a rich suite of many modular components. For our dashboard e
```sh
npm install --save @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
<!---
```sh
yarn add @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
--->


## Import the CSS Styles
Expand All @@ -121,11 +107,6 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)
```sh
npm install --save @progress/kendo-theme-default
```
<!---
```sh
yarn add --save @progress/kendo-theme-default
```
--->

1. In the `src/App.vue` file, import the CSS files provided by the installed theme package:

Expand All @@ -135,8 +116,6 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)

You can add any additional custom styles in the `<styles>` tag of the `src/App.vue` file.



## Add a Vue Data Grid Component

Now that you've installed all required packages, you are ready to add the Kendo UI for Vue Data Grid to the application:
Expand Down Expand Up @@ -241,6 +220,8 @@ Now that you have a running Grid, you are ready to use some of its basic feature
></grid>
</template>
```

> 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/).


## Get the Complete Source Code
Expand Down
26 changes: 5 additions & 21 deletions docs/getting-started/typescript-composition-api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,6 @@ position: 20

# Get Started with Kendo UI for Vue

> 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).

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://vuejs.org/guide/introduction.html#composition-api) paired with TypeScript.


Expand All @@ -20,9 +18,6 @@ This tutorial will help you develop a simple app that includes a native Vue Data
>* [Kendo UI for Vue with JavaScript and the Options API](slug:getting_started_javascript_options_api)
>* [Kendo UI for Vue with the Composition API and Nuxt 3](slug:getting_started_nuxt_3)

> 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/).


## Create the Vue Project

The recommended way to scaffold your Vue project is using [Vite](https://vuejs.org/guide/scaling-up/tooling.html#vite).
Expand All @@ -34,12 +29,7 @@ The recommended way to scaffold your Vue project is using [Vite](https://vuejs.o
```sh
npm create vite@latest
```
<!---
```sh
yarn create vite
```
--->


1. Enter the project name, for example, `my-app`.

1. Select the Vue framework by using the arrow keys.
Expand Down Expand Up @@ -95,11 +85,7 @@ Kendo UI for Vue is distributed as multiple NPM packages, scoped to `@progress`.
```sh
npm install --save @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
<!---
```sh
yarn add @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
--->


## Import the CSS Styles

Expand All @@ -110,11 +96,7 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)
```sh
npm install --save @progress/kendo-theme-default
```
<!---
```sh
yarn add --save @progress/kendo-theme-default
```
--->


1. In the `src/App.vue` file, import the CSS files provided by the installed theme package:

Expand Down Expand Up @@ -245,6 +227,8 @@ setup() {
}
```

> 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/).

## Get the Complete Source Code

Your Kendo UI for Vue Getting Started application is complete! You can download and run the complete sample application from the [kendo-vue GitHub repository](https://github.com/telerik/kendo-vue/tree/master/getting-started-typescript-composition-api). Alternatively, run, fork and [experiment with the application directly in StackBlitz](https://stackblitz.com/edit/vite-qpxlff?file=src%2Fmain.ts).
Expand Down
24 changes: 3 additions & 21 deletions docs/getting-started/typescript-options-api.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,19 +11,13 @@ position: 30

# Get Started with Kendo UI for Vue

> 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).


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.

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


> 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/).

## Create the Vue Project

The recommended way to scaffold your Vue project is using [Vite](https://vuejs.org/guide/scaling-up/tooling.html#vite).
Expand All @@ -36,11 +30,6 @@ The recommended way to scaffold your Vue project is using [Vite](https://vuejs.o
```sh
npm create vite@latest
```
<!---
```sh
yarn create vite
```
--->

1. Enter the project name, for example, `my-app`.

Expand Down Expand Up @@ -100,11 +89,6 @@ Kendo UI for Vue is distributed as multiple NPM packages, scoped to `@progress`.
```sh
npm install --save @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
<!---
```sh
yarn add @progress/kendo-vue-grid @progress/kendo-data-query @progress/kendo-licensing @progress/kendo-vue-animation @progress/kendo-vue-data-tools @progress/kendo-vue-dateinputs @progress/kendo-vue-dropdowns @progress/kendo-vue-inputs @progress/kendo-vue-indicators @progress/kendo-vue-intl @progress/kendo-vue-popup
```
--->

## Import the CSS Styles

Expand All @@ -115,11 +99,6 @@ Kendo UI for Vue includes [four artfully designed themes](slug:themesandstyles)
```sh
npm install --save @progress/kendo-theme-default
```
<!---
```sh
yarn add --save @progress/kendo-theme-default
```
--->

1. In the `src/App.vue` file, import the CSS files provided by the installed theme package:

Expand Down Expand Up @@ -224,6 +203,9 @@ data: function() {
}
}
```

> 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/).

## Get the Complete Source Code

Your Kendo UI for Vue Getting Started application is complete! You can download and run the complete sample application from the [kendo-vue GitHub repository](https://github.com/telerik/kendo-vue/tree/master/getting-started-typescript-options-api). Alternatively, run, fork and [experiment with the application directly in StackBlitz](https://stackblitz.com/edit/vite-jco3ua?file=src%2FApp.vue).
Expand Down