Nuxt 3 has a robust module system, which is highly beneficial for importing components easily. I have previously used modules like element-plus, headlessUI, and Vuetify. However, as we are currently transitioning to Kendo UI, we have encountered difficulties in finding a similar module. It is essential for us to be able to import Kendo UI components seamlessly and efficiently. Therefore, we have developed a module similar to the one for element-plus. During the process of writing and testing the code, everything has fallen into place. However, we have encountered an issue with importing the UI DropDownList from the module. It would be greatly appreciated if Kendo UI could provide an official Nuxt 3 module.

 

out test module

 

KDropDownList not work but else compoents work good.

 

 

Currently, the Kendo UI for Vue Native DropDownList doesn't have the valuePrimitive property which is available in the:

• Angular DropDownList - https://www.telerik.com/kendo-angular-ui/components/dropdowns/api/DropDownListComponent/#toc-valueprimitive 
• and the jQuery DropDownList - https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/valueprimitive 

Providing such property for the Native Vue DropDownList will be useful in different use-case scenarios. 

In the vue native grid, the inputs rendered in the filter row don't have a title or accessible name. This would make it nearly impossible for someone using a screen reader to understand what each field means. In order to comply with WCAG 4.1.2 (Name, Role, Value) please add a title and/or aria-label/labelledby attribute to these inputs. 

The jquery grid has the aria-label and title populated with the column name. I think it'd be even more useful if the label said "Filter by {columnName}".