fix(code-gen): support attribute binding syntax :<name>.attr

[ahnpnl]

Summary

Added missing support for attribute binding syntax :<name>.attr. Reference https://vuejs.org/api/built-in-directives.html#v-bind

For example

<div :someProperty.attr="someString"></div>

related to #992

The other way of binding attribute

<div ^someProperty="someString"></div>

I don't know how to fix yet. When debugging, prop.type for this syntax is CompilerDOM.NodeTypes.ATTRIBUTE while the above syntax is CompilerDOM.NodeTypes.DIRECTIVE. Not sure if that is Vue SFC compiler issue or not.

IMO, since both syntaxes are equivalent, their prop.type should be the same. Probably you have more insight with Vue team about that.

Test plan

• Pick up any projects using vue-tsc
• Create a SFC file with attribute binding syntax :<name>.attr in HTML part
• Run vue-tsc against that SFC file and verify if no error occurs.

[ahnpnl]

cc @johnsoncodehk

[johnsoncodehk]

I will test it later, thank for the fix!

[johnsoncodehk]

LGTM! but I forgot why not just use prop.arg.loc.source instead of prop.arg.content.substring(1), will add some tests for record in future.

I don't know how to fix yet. When debugging, prop.type for this syntax is CompilerDOM.NodeTypes.ATTRIBUTE while the above syntax is CompilerDOM.NodeTypes.DIRECTIVE. Not sure if that is Vue SFC compiler issue or not.

I think this is SFC compiler issue, because ^someProperty should :someProperty.attr be same in AST in intuition.