Linter Setup: no line-break on imports including curly braces

Question

Started working with vue.js recently and I can't figure out why my import statements always break to a new line on save:

import {
    businessSignup
} from './businessSignup.module';
import {
    user,
    guest
} from './people.module';

I'd really prefer the following code style.

import { businessSignup } from './businessSignup.module';
import { user, guest } from './people.module';

I'm aware that there is babel-eslint, eslint, as well as my vscode editor, all suspect to play a role in this, however I'm not very experienced with linter configuration yet. Hope there is a quick solution to this. :-)

topada topada · Accepted Answer · 2020-05-11T10:11:53

I've managed to fix my own error. Turns out it wasn't related to any of the stated tools like babel, eslint nor vscode settings.

I must have installed a quite popular extension called Beautify way back. I've disabled it for my particular workspace and now the curly braces stay in line.

Linter Setup: no line-break on imports including curly braces

1 Answers