Fondo
Probé varias palabras clave pero no pude encontrar una solución para deshabilitar la modificación de comillas de prettier. Estoy trabajando en un proyecto de Polymer Lit y he intentado muchas cosas, pero es realmente difícil mantener la sangría del código... Entonces, prettier hace un muy buen trabajo, pero solo tiene un problema que rompe mi código.
Código antes de formatear
html`<div style="${'background-color: ' + this.bgColor }"> ... </div>`Código después de formatear
html`<div style="${"background-color: " + this.bgColor}">...</div>`¿Hay alguna bandera/propiedad que pueda pasar a más bonita para ignorar o evitar las comillas y todas las demás cosas deberían funcionar?
Si no lo hay, ¿alguien puede decirme si hay algún otro formateador que haga un trabajo limpio con el elemento iluminado?
Este es mi .prettierrc para todos mis proyectos iluminados:
{ "trailingComma": "es5", "tabWidth": 2, "singleQuote": true, "bracketSpacing": false, "arrowParens": "always" }Y en el marcado estoy usando esto (ejemplo):
<div class="wrapper ${this.animated ? 'active' : ''}" ${animate()}>Eso funciona para mí y nunca tuve ningún problema.