Before You File a Bug Report Please Confirm You Have Done The Following...

• I have tried restarting my IDE and the issue persists.
• I have updated to the latest version of the packages.
• I havesearched for related issues and found none that matched my issue.
• I haveread the FAQ and my problem is not listed.

Playground Link

https://typescript-eslint.io/play/#ts=4.8.4&sourceType=module&code=MYGwhgzhAECC0G8CwAoa0D6AXAphLAXNPgE4CWAdgOYDcqq6VOW0u+AFAJRGmVWIN00EswCuJCqwAWZCADpseLHTTQAvqg0pUoSDABC0HAA9cFACYx4yVUxZssXHlnLUBq9CKzjJAcge+KuhaWkA&eslintrc=N4KABGBEBOCuA2BTAzpAXGUEKQAIBcBPABxQGNoBLY-AWhXkoDt8B6M+AQ2WVsf0TRO8WsWgB7UtCK1kRJOiiCJ0SODABfEBqA&tsconfig=N4KABGBEDGD2C2AHAlgGwKYCcDyiAuysAdgM6QBcYoEEkJemy0eAcgK6qoDCAFutAGsylBm3QAacDUjoAHoizJ46IngCGqACL9YmNXl3Cwo9FIC+IM0A

Repro Code

classA{_test:string;gettest():string{returnthis._test;}}classBextendsA{gettest():string{return'test';}}

ESLint Config

module.exports={"rules":{"@typescript-eslint/class-literal-property-style":"error"}}

tsconfig

{"compilerOptions": {"strictNullChecks":true,"experimentalDecorators":true  }}

Expected Result

There are no errors because the getter is overridden

Actual Result

Error:Literals should be exposed using readonly fields.

Auto-fix:

class A {  _test: string;  get test(): string {    return this._test;  }}class B extends A {  readonly test = 'test';}

Then TypeScript error:
'test' is defined as an accessor in class 'A', but is overridden here in 'B' as an instance property.

Additional Info

No response

Versions