title: eslint does not respect indent for class properties
body: <p>I'm trying to enable a 4 space lint rule for my reactjs project but the rule is being ignored or behaving unusually when I use properties in a class.  But the rule works on class methods. Here is my eslint file:</p>
  <pre><code>env:
    browser: true,
    node: true,
  extends:
    - 'airbnb-base'
    - 'eslint:recommended'
    - 'plugin:react/recommended'
  parser: 'babel-eslint'
  parserOptions:
    ecmaFeatures:
      jsx: true
    ecmaVersion: 12
    sourceType: module
  rules: {
    ...etc...
    &quot;indent&quot;: [&quot;error&quot;, 4],
    &quot;no-tabs&quot;: 0,
    ...etc...
  }
  </code></pre>
  <p>To demonstrate the problem, I made a file called <code>src/Test.js</code> :</p>
  <pre><code>import React from 'react';
  import { observer } from 'mobx-react';
  import { observable } from 'mobx';
  export default
  @observer
  class Test extends React.Component {
    @observable processes = {
        testMode: '',
    }
  
    @observable other = {
        testMode: '',
    }
  
    render() {
        return (
            &lt;div id=&quot;app&quot;&gt;{this.testMode}&lt;/div&gt;
        );
    }
  }
  </code></pre>
  <p>Notice how there is only two spaces in front of each <code>@observable</code> word.  When I run the command <code>node_modules/.bin/eslint --fix src/Test.js</code> (henceforth the <strong>lint command</strong>), no changes are made to my <code>src/Test.js</code> file.</p>
  <p>However, I noticed some interesting scenarios:</p>
  <p><strong>SCENARIO 1: first property experiment</strong></p>
  <p>If I start line 7 with 3 spaces like this <code>   @observable processes = {</code>, running the <strong>lint command</strong> will change the indents on line 8 and line 9 from 6 spaces to 7 spaces.  This is the final result:</p>
  <pre><code>import React from 'react';
  import { observer } from 'mobx-react';
  import { observable } from 'mobx';
  export default
  @observer
  class Test extends React.Component {
     @observable processes = {
         testMode: '',
     }
  
    @observable other = {
        testMode: '',
    }
  
    render() {
        return (
            &lt;div id=&quot;app&quot;&gt;{this.testMode}&lt;/div&gt;
        );
    }
  }
  
  </code></pre>
  <p><strong>SCENARIO 2: second property experiment</strong></p>
  <p>If I start line 11 with 3 spaces like this <code>   @observable other = {</code>, running the <strong>lint command</strong> will change the indents on line 12 to line 19 from 6 spaces to 7 spaces.  This is the final result:</p>
  <pre><code>import React from 'react';
  import { observer } from 'mobx-react';
  import { observable } from 'mobx';
  export default
  @observer
  class Test extends React.Component {
    @observable processes = {
        testMode: '',
    }
  
     @observable other = {
         testMode: '',
     }
  
     render() {
         return (
             &lt;div id=&quot;app&quot;&gt;{this.testMode}&lt;/div&gt;
         );
     }
  }
  
  </code></pre>
  <p><strong>SCENARIO 3: @observable resets other spaces</strong></p>
  <p>If I start line 15 with 3 spaces like this <code>   render() {</code>, running the <strong>lint command</strong> will undo all my changes on Test.js</p>
  <p><strong>SCENARIO 4: Successful Lint When Zero @observable</strong></p>
  <p>I changed my <code>src/Test.js</code> to this:</p>
  <pre><code>import React from 'react';
  class Test extends React.Component {
    render() {
        return (
            &lt;div id=&quot;app&quot;&gt;{this.testMode}&lt;/div&gt;
        );
    }
  }
  </code></pre>
  <p>Running the <strong>lint command</strong>, properly indents everything with the 4 space rule.</p>
  <p><strong>QUESTION</strong></p>
  <p>How do I get the eslinter to respect 4 space indentation when there are properties in my class?</p>
  <hr />
  <p><strong>UPDATE</strong></p>
  <p>I updated my question.  Initially I thought the issue was related to <code>@observable</code> decorator.  But I have since discovered the issue happens any time there is a property in my class.  Indents rule is enforced on class methods, but not class properties.  How do I get indent rule to apply both methods and properties?</p>