How to set up Kendo with Vue 3 and TypeScript

[Seuthes]

I was glad to hear, that the new release supports Vue 3. So I just started building a new app with Vue 3 TypeScript and wanted to use the Native Kendo Controls. But I have problems to set things up. With Vue 2 and JavaScript I had no problems with Kendo. But now it seems just not to work.

I also cannot find any documentation on that topic. It would be realy disapointing if it is missing. Maybe I'm just blind.

[Plamen]

Hello,

I will need some time to inspect and prepare a sample and will come back to you as soon as possible. Please excuse me for this answer delay in advance.

Regards,
Plamen
Progress Telerik

[Plamen]

Hello,

Thank you for your patience.

I have created a sample project with Vue 3 and typescript with one of our complicated demos with Kendo Native Grid for Vue and attached it here.

We currently don't have lost of typescript demos and documentation but we will do our best to improve in this area. We do have the Interfaces in our API per package documentation so you can check them from there.

If you need further help please let me know.

Regards,
Plamen
Progress Telerik

[Seuthes]

Thank you for your code example it is working great and I could implement the grid in my app.

But now I'm struggling with the wrapper controls. I get an js error with the multiSelect. Cannot read 'dataSource' of undefined.

Would be really nice, if you could help me out with this too.

[Seuthes]

Seems to be a problem with webpack. On your demo project with vue cli it is working.

[Plamen]

Hello,

If you still can't find out what is causing the issue you could try to isolate tit in a sample project and share it here so we could inspect it too.

Regards,
Plamen
Progress Telerik