dot-location
JavaScript allows you to place newlines before or after a dot in a member expression.
Consistency in placing a newline before or after the dot can greatly increase readability.
var a = universe.
galaxy;
var b = universe
.galaxy;Rule Details
This rule aims to enforce newline consistency in member expressions. This rule prevents the use of mixed newlines around the dot in a member expression.
Options
The rule takes one option, a string:
- If it is
"object", the dot in a member expression should be on the same line as the object portion. - If it is
"property"(default), the dot in a member expression should be on the same line as the property portion.
object
The "object" option requires the dot to be on the same line as the object.
Examples of incorrect code for the "object" option:
/* eslint @stylistic/dot-location: ["error", "object"] */
var foo = object
.property;
type Foo = Obj
.Prop;
type Bar = import('Obj')
.Prop;
<Form
.Input />Examples of correct code for the "object" option:
/* eslint @stylistic/dot-location: ["error", "object"] */
var foo = object.
property;
var bar = (
object
).
property;
var baz = object.property;
type Foo = Obj.
Prop;
type Bar = import('Obj').
Prop;
<Form.
Input />property
The default "property" option requires the dot to be on the same line as the property.
Examples of incorrect code for the "property" option:
/* eslint @stylistic/dot-location: ["error", "property"] */
var foo = object.
property;
type Foo = Obj.
Prop;
type Bar = import('Obj').
Prop;
<Form.
Input />Examples of correct code for the "property" option:
/* eslint @stylistic/dot-location: ["error", "property"] */
var foo = object
.property;
var bar = object.property;
type Foo = Obj
.Prop;
type Bar = import('Obj')
.Prop;
<Form
.Input />When Not To Use It
You can turn this rule off if you are not concerned with the consistency of newlines before or after dots in member expressions.