Как настроить перенос строк в prettier?

Какой код я ввожу:

<div class="header__holder header-info__holder">
  <a href="tel:+74991234567" class="header-info__phone-link">+7 499 123-45-67</a>
  <a href="mailto:[email protected]" class="header-info__email-link">[email protected]</a>
</div>

Как prettier форматирует код сейчас:

<div class="header__holder header-info__holder">
  <a href="tel:+74991234567" class="header-info__phone-link"
    >+7 499 123-45-67</a
  >
  <a
    href="mailto:[email protected]"
    class="header-info__email-link"
   >[email protected]</a
  >
</div>

Как я ожидаю его форматирование:

<div class="header__holder header-info__holder">
  <a href="tel:+74991234567" class="header-info__phone-link">
    +7 499 123-45-67
  </a>
  <a href="mailto:[email protected]" class="header-info__email-link">
    [email protected]
  </a>
</div>

настройки для prettier в vscode json

"prettier.disableLanguages": ["javascript", "javascriptreact"],
"prettier.useTabs": true,
"[html]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

Ответы (1 шт):

Автор решения: ithater

Проблема заключалась в рекомендуемой длине строки для prettier, из-за этого создавалось такое поведение.

→ Ссылка