Decorators are not marked as used

[unlight]

import { Component } from '@angular/core';

@Component({
    selector: 'my-app',
    template: require("./app.component.html"),
})
export class AppComponent {
    name = 'Angular';
}

src\app.component.ts
  1:10  error  'Component' is defined but never used  no-unused-vars

[NeoReyad]

This has been mentioned in issue eslint/typescript-eslint-parser#77. I believe we would have to modify the eslint rule itself to better accommodate decorators.

[weirdpattern]

This might be a duplicate of #2
There is some work already done (#3 and #9)

[NeoReyad]

Does this mean the rule "typescript/no-unused-vars" has to be enabled for interfaces and decorators to be marked as used? Am I reading #9 correctly?

[weirdpattern]

you just need to include the plugin and the original ESlint "no-unused-vars" rule.

[NeoReyad]

Thanks @weirdpattern. I can confirm it works with the typescript/no-undef-vars rule. The version in npm is quite old and should be updated. I had to tell npm to pull from master to get it to work.

npm install git+https://github.com/nzakas/eslint-plugin-typescript.git

[JamesHenry]

Sorry about that @NeoReyad, we'll look to get a release out once the latest PRs go in!

[JamesHenry]

There are a couple of different workarounds for this, as previously referenced, and I have just released the latest work to npm, so I am going to close this.