typescript - agregar nueva línea para cada declaración encadenada en Visual Studio Code

¿Alguien sabe cuál es la configuración para agregar un salto de línea en las declaraciones encadenadas para la extensión Prettier en Visual Studio Code? Tengo el siguiente código en TypeScript

export function myfunction(myString: string) {
  cy.get(myString).find('.aaa').click();
}

Quiero asegurarme de que se convierta en

export function myfunction(myString: string) {
  cy.get(myString)
    .find('.aaa')
    .click();
}

Respuesta #1

Usa la regla newline-per-chained-call de eslint: https://eslint.org/docs/rules/newline-per-chained-call

Agrega esto en tu configuración de aslant (.eslintrc.json, por ejemplo):

{
  //... 
  "rules": {
    //...
    "newline-per-chained-call": "error"
  }
}

Para que funcione en VS Code, instala la extensión eslint y sigue las instrucciones sobre cómo "Auto Fix on Save" desde la página de la extensión.

"editor.codeActionsOnSave": {
  "source.fixAll": true
}

por ejemplo.