angular-eslint | tooling related to using ESLint | Code Analyzer library

I have successfully migrated another Angular 10 app with a single project from TSLint to ESLint, following the instructions of Angular ESLint. When I try to migrate an Angular 10 app with multiple projects under the projects/ folder (i.e. 'app' and 'myLib') and try to run 'ng lint' or 'npx ng lint app', then I only see 'Linting "app"...' and the command seems to hang. All required packages have been installed and the migration phase was errorless. Any ideas on the issue?

I wanted to upgrade my project to ESLint and was following this tutorial:

https://blog.ninja-squad.com/2021/03/31/migrating-from-tslint-to-eslint/

I did the first command, ng add @angular-eslint/schematics, which worked. But then, after executing ng g @angular-eslint/schematics:convert-tslint-to-eslint your_project_name I got the following error:

I looked at this post already: How to run @angular-eslint/schematics:convert-tslint-to-eslint, but nothing about it helped.

This seems like an easy error to google but either I searched incorrectly or this really is some unusual problem. Obviously, I cannot delete the angular.json file. What might cause this?

My TsLint version: 6.1.0

My Angular version: 12.0.2

Note that I upgraded to Angular 12 a week ago, before it was Angular 11.

I would like to be able to utilize the eslint angular template that checks for i18n tags as shown here https://github.com/angular-eslint/angular-eslint/blob/master/packages/eslint-plugin-template/src/rules/i18n.ts and listed here https://github.com/angular-eslint/angular-eslint#readme, but there isn't really any helpful instruction on how to activate it or what needs to be put in the config to make it work. I just need to know how to turn it "on" to start checking. Any help would be appreciated.

Update:

Here is an example of what I am trying (and failing) at doing:

In .eslintrc.json, I am trying to add @angular-eslint/template/i18n:

After running ng link i saw

I am developing a web application using Angular typescript. Recently, I tried to update @angular/cli package but got the following error:

I want to group all related dependencies in one merge request (MR), as the examples below:

In one MR (all starting @angular/ except @angular/cli):

I've built a bunch of web components with StencilJS and published them to NPM. Next, I did install the NPM package in my Angular 11 app and followed Stencils Angular framework integration guide. The custom elements work fine but when I defined the types and have "no-undef" set in my esLint ruleset, I get the following error from esLint:

"'HTMLMiIconElement' is not defined"

Which is the extended HTMLElement interface of my web component.

When imported manually to the typeScript file where it is used everything seems to work but I know from previous projects that it should not be necessary.

I think that I oversee something and would appreciate any help! :)

my-component-file.ts

I've got the following eslint error:

Promises must be handled appropriately or explicitly marked as ignored with the void operator.eslint@typescript-eslint/no-floating-promises

with this code:

I have if block in my Angular component: