Extend Typescript formatter to be aware of inline html/css in decorators

[jpike88]

@Component({
    template: `<div>
        <p>This is my template</p>
</div>`,
        styles:[`
        .classExample{
            color:black;
        }
`
})

This kind of code does not highlight correctly in TypeScript, I have to use https://marketplace.visualstudio.com/items?itemName=natewallace.angular2-inline...

Also, auto-format doesn't affect the html or css present in the decorator either. Apparently this is a limitation of VSCode/Typescript formatter:

stringham/angular-template-formatter#7 (comment)

Makes sense to extend the TypeScript formatter to create a smoother experience when working with decorators containing html/css.

[vscodebot]

We try to keep VS Code lean and we think the functionality you're asking for is great for a VS Code extension. Maybe you can already find one that suits you in the VS Code Marketplace. Just in case, in a few simple steps you can get started writing your own extension. See also our issue reporting guidelines.

Happy Coding!