How to stop new lines when formatting code

Question

EDIT: It is Beautify that is adding the new lines. Not sure which rule though.

Is there a way to stop parameter lists and import lists from adding new lines per each list item when formatting code with?

E.g stop this:

function view(state$) {
  return state$.map(({weight,height,bmi}) =>
    div([
      renderWeightSlider(weight),
      renderHeightSlider(height),
      h2('BMI is ' + bmi)
    ])
  );
}

from becoming this:

function view(state$) {
  return state$.map(({
      weight,
      height,
      bmi
    }) =>
    div([
      renderWeightSlider(weight),
      renderHeightSlider(height),
      h2('BMI is ' + bmi)
    ])
  );
}

When right-clicking and selecting "format document"?

It also does it with imports like so:

import {
  makeDOMDriver,
  h1,
  a
} from '@cycle/dom';

However it is unwanted.

Answer 1

create or edit .jsbeautifyrc file in your root from you vscode project and put in to the file this json property

{
    "brace_style": "collapse,preserve-inline"
}

this will also prevent to format all JavaScript object

Answer 2

Include "brace_style": "collapse,preserve-inline" as Yitzchak said inside the .json settings file located here:

C:\Users\***\AppData\Roaming\Code\User\settings.json