tslint-eslint-rules
tslint-eslint-rules copied to clipboard
buzinas
ter-indent does not work for TypeScript .tsx files
The ter-indent indentation rules do not seem to work for my the jsx code in my .tsx files. Has anyone else run into this issue? Is it not supposed to work for jsx code? If so, should I use something like tslint-react to get the functionality I'm looking for?
Can you give a simple example where this is failing? The code is trying to emulate the eslint rule and I think they cover support for jsx code. At the moment, the rule is a bit behind and it is in need of being updated.
It seems to be failing for something simple like this:
class MyApp extends React.Component<any, any> {
const normalIndentVar = 5;
const extraIntentVar = 6;
public render() {
return (
<div>
<NormalIndentComponent />
<ExtraIndentComponent />
</div>
)
}
}
export default MyApp;
Assuming ter-indent is set for 2 space indentation, it will flag the const extraIndentVar as being indented too much, but not the <ExtraIndentComponent />.
