Support for Vue's .prop modifier shorthand syntax

[GrantGryczan]

Even though both of the above are functionally equivalent, in VS Code the latter doesn't get syntax-highlighted, it doesn't get IDE autocomplete, and it doesn't get covered by Vue's ESLint plugin.

Note: TypeScript (in Volar takeover mode, haven't tested otherwise) does still check the contents though, at least.

[so1ve]

Where is the upstream rfc / implementation PR?

[GrantGryczan]

@so1ve It was added in this commit: vuejs/vue@d2902ca

I don't see a corresponding RFC.

[so1ve]

Thanks! This seems to be a Vue 2-only feature.

[GrantGryczan]

Thanks! This seems to be a Vue 2-only feature.

@so1ve What makes you think so? As linked in my original issue, it's in the Vue 3 documentation. Also, I've tested it myself to work in Vue 3.

[so1ve]

I see 👍

[so1ve]

Completion and diagnostics should work normally, but the syntax highlighting is broken if I understand correctly?

[GrantGryczan]

Syntax highlighting, completion, and linting are not working. I only noted that type checking works, but I don't think that's necessarily related, only a side note.

[so1ve]

I've double checked this issue - completion is working for me, only the highlighting is broken. I have a PR to fix this issue: #3729

For linting, please report to https://github.com/vuejs/eslint-plugin-vue.