Prettier está envolviendo atributos en mis componentes Vue y colocando el corchete de cierre en una nueva línea así:
<transition leave-active-class="transition duration-1000 ease-in" leave-class="opacity-100" leave-to-class="opacity-0" > <div v-show="on" class="text-sm text-gray-600"> <slot /> </div> </transition>
Me gusta el ajuste de los atributos, pero el corchete en una nueva línea es inaceptable para nuestro código. Sé que a algunos desarrolladores de Vue les gusta, pero para mi equipo no funciona.
En la configuración de VS Code tengo
"prettier.jsxBracketSameLine": true
Parece que bracketSameLine
se eliminó en algún momento.
He visto otras preguntas aquí con respuestas que mencionan que la extensión viene con Vue deshabilitado, y debe solucionarlo configurando la matriz disabledLanguages
. Esta configuración también se ha eliminado.
Estoy viendo una configuración específica de Vue para el formateador predeterminado en la configuración json:
"[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }
¿Es posible configurar algo aquí que detenga este ajuste de corchetes y, de no ser así, qué puedo hacer para solucionarlo?
Parece que la extensión de VS Code no es compatible con la última versión de Prettier.
A pesar de la documentación, las opciones que están disponibles en la extensión no son compatibles con Prettier 2.4.1, que es la versión solicitada en su package.json
Por ejemplo, Prettier 2.4.1 ha desaprobado jsxBracketSameLine
en favor de bracketSameLine
, pero solo jsxBracketSameLine
está disponible en la extensión.
Esta es probablemente la razón por la que la extensión no funciona.