Hello! I am using PhpStorm 2017.1.4 on Windows 7 Professional x64. I just noticed a weird thing about JetBrains' VueJS Plugin code. I'm trying to use a component called "enrollmentEntry" as a child component of my main Vue component. Here is the code of enrollmentEntry.vue:
`
The problem is that VueJS Autocomplete is suggesting "enrollment-entry" as a tag name; it should be "enrollmentEntry." Meanwhile, it is suggesting "entryTitle" as an attribute/prop name; it should be "entry-title." Yes, I know that HTML tag names are also case-insensitive. However, the VueJS interpreter checks tag name and component name equality by simply converting them both to lowercase. Meanwhile, it checks attribute/prop inequality by running a utility function to convert the property key to kebab case and checks equality of the attribute name to the result.
Thank you!
Stuart Simon
Hello! I am using PhpStorm 2017.1.4 on Windows 7 Professional x64. I just noticed a weird thing about JetBrains' VueJS Plugin code. I'm trying to use a component called "enrollmentEntry" as a child component of my main Vue component. Here is the code of enrollmentEntry.vue:
`
` The problem is that VueJS Autocomplete is suggesting "enrollment-entry" as a tag name; it should be "enrollmentEntry." Meanwhile, it is suggesting "entryTitle" as an attribute/prop name; it should be "entry-title." Yes, I know that HTML tag names are also case-insensitive. However, the VueJS interpreter checks tag name and component name equality by simply converting them both to lowercase. Meanwhile, it checks attribute/prop inequality by running a utility function to convert the property key to kebab case and checks equality of the attribute name to the result. Thank you! Stuart Simon