Atom IDE - украсить форматирование JSX

Question

Я видел другие вопросы об Atom IDE здесь, так что я решил спросить. Если есть более подходящее место для размещения такого вопроса, дайте мне знать, и я его сниму и перенесу.

Я использую Atom с пакетом Atom Beautify. Я создаю файлы JSX, и когда я запускаю beautify, форматирование не соответствует стандартам JSX для компонентов компонентов, это делает его действительно трудным для чтения.

Как мне получить его в формате, как показано ниже?

Пример: Desired setting

<SingleInput 
  inputType={'text'} 
  controlFunc={this.handleQualificationNameChange(qualification.uniqueId)} 
  content={qualification.qualification} 
  placeholder={'Qualification'} 
  bsSize={null}
/>

Пример: Current setting

<SingleInput inputType={'text'} controlFunc={this.handleQualificationNameChange(qualification.uniqueId)} content={qualification.qualification} placeholder={'Qualification'} bsSize={null}/>