Background
I have tried several keywords but was not able to find a solution to disable prettier's quotes modification. I am working on a Polymer Lit project and I have tried a lot of things but it is really hard to maintain the code indentation ... So prettier does a very good job but only one problem which breaks my code.
Code Before Formatting
html`<div style="${'background-color: ' + this.bgColor }">
...
</div>`
Code After Formatting
html`<div style="${"background-color: " + this.bgColor}">...</div>`
Is there any flag / property I can pass to prettier to ignore or avoid the quotes and all the other things should work out ...
If there isn't can anyone tell me if there is any other Formater that does a clean job with lit element ..
This is my .prettierrc for all my lit projects:
{
"trailingComma": "es5",
"tabWidth": 2,
"singleQuote": true,
"bracketSpacing": false,
"arrowParens": "always"
}
And in markup I am using this (example):
<div class="wrapper ${this.animated ? 'active' : ''}" ${animate()}>
That works for me and never had any problems.