vue.jsvuejs3vue-componentvuex

Vue 3 upgrade props are passed but not show in the component

I have following Vue 3 component image-template-row-item which has the prop templates-types

enter image description here

which is defined in the component in the props:

enter image description here

now this prop is always passed as undefined to the component while appears in the attrs: enter image description here enter image description here

so what am i missing here to make it work?

Solution

  • Props are usually normalized under the hood, camel-cased and kebab-cased props are mutually interchangeable. This doesn't apply to any random case.

    It should be permissionsRoot but not PermissionsRoot, and so on.