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 have searched for related issues and found none that matched my issue.
• I have read 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

class A {
  _test: string;

  get test(): string {
    return this._test;
  }
}

class B extends A {
  get test(): 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