How to properly format imports?

Question

Linter

How to properly (and why) format imports like
1) "table"

import ComponentOne   from '@/components';
import ComponentTwo   from '@/components/Two';
import ComponentThree from '@/components/Three';

2) "herringbone"

import ComponentOne from '@/components';
import ComponentTwo from '@/components/Two';
import ComponentThree from '@/components/Three';

Reading / refactoring is more convenient than a table, IMHO. But the question arises, if the variable name takes more characters, then you need to shift all the rest?
tell me from your experience and / or sources where this can be clearly stated

Answer 1

It's not organization, it's formatting. I agree with Anton, if you use VS Code, there are already extensions there, they do everything themselves. Although it can be configured.
I personally prefer the first option for both imports and assignments and arrays etc.
I think there is no “how to” answer, unless you are writing code for a common project where there is an explicit code formatting guide.

Answer 2

Clearly spelled out in the autoformatter settings, such as eslint or prettier.
They customize their own style.