JSX indentation

[LinusU]

Currently it seems like standard doesn't lint the indentation on JSX files. For example the following file lints without issues:

const React = require('react')

class Test extends React.Component {
  render () {
    return (
              <div>
       Test
          </div>
    )
  }
}

module.exports = Test

[Flet]

This should probably be moved to eslint-config-standard-react.

Taking a look at it's eslintrc.json, I don't see the jsx-indent-props rule enabled, which I think is what you're looking for (or maybe it some other rule).

[LinusU]

Hmm, it isn't jsx-indent-props, and as far as I can tell there isn't any plugin on that list that would do it. Maybe this should really be a job for the plugin that checks the indentation of normal code...

[feross]

There's currently a proposal for the rule you want: yannickcr/eslint-plugin-react#342 Maybe you can weigh in on that issue?

[LinusU]

Thanks!

[feross]

This is implemented in eslint-plugin-react now. Let's release it in v6.

[LinusU]

Awesome news! 🍾

[feross]

This is released in eslint-config-standard-react 2.0.0.