title: Find useless dependencies injection in Angular project
body: <p>I try to use Eslint to find useless dependencies injection in my Angular/Ionic components.</p>
  <p>Example:</p>
  <pre class="lang-js prettyprint-override"><code>import { BasicDataService } from '../../providers/basic-data.service';
  
  @Component({
      selector: 'app-login',
      templateUrl: './login.page.html',
      styleUrls: ['./login.page.scss'],
  })
  export class LoginPage implements OnInit {
      constructor(
          private bd: BasicDataService,
      ) {}
  }
  </code></pre>
  <p>The property <strong>bd</strong> is defined in the constructor but then it is not used, how could Eslint highlight it?</p>
  <p>My .eslintrc.json so far is:</p>
  <pre><code>{
      &quot;env&quot;: {
          &quot;browser&quot;: true,
          &quot;es2021&quot;: true
      },
      &quot;extends&quot;: [
          &quot;eslint:recommended&quot;,
          &quot;plugin:@typescript-eslint/eslint-recommended&quot;,
          &quot;plugin:@typescript-eslint/recommended&quot;
      ],
      &quot;parser&quot;: &quot;@typescript-eslint/parser&quot;,
      &quot;parserOptions&quot;: {
          &quot;ecmaVersion&quot;: 12,
          &quot;sourceType&quot;: &quot;module&quot;
      },
      &quot;plugins&quot;: [&quot;@typescript-eslint&quot;],
      &quot;rules&quot;: {}
  }
  
  
  </code></pre>
  <p>In one previous project, I used the rule <code>@typescript-eslint/no-unused-vars-experimental</code> but it seems <a href="https://stackoverflow.com/a/63833015/3994745">it has been removed</a> recently.</p>
  <p>Thanks!</p>