lit/no-classfield-shadowing

.eslintrc.json

{
  "extends": [
    "@open-wc/eslint-config",
    "@tpluscode"
  ],
  "env": {
    "browser": true
  },
  "parserOptions": {
    "project": "./tsconfig.json"
  }
}

element.ts

import { LitElement } from 'lit'
import { property } from 'lit/decorators.js'

class MyElement extends LitElement {
  @property({ type: String })
    editors!: 'string'
}

package.json

{
  "name": "no-classfild-shadowing",
  "dependencies": {
    "@open-wc/eslint-config": "^12.0.3",
    "@tpluscode/eslint-config": "^0.4.5",
    "@typescript-eslint/eslint-plugin": "^7.1.0",
    "@typescript-eslint/parser": "^7.1.0",
    "eslint": "^8.57.0",
    "lit": "^2",
    "ts-lit-plugin": "^1.2.1",
    "typescript": "^5.3.3"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es2019",
    "module": "ESNext",
    "baseUrl": "./",
    "forceConsistentCasingInFileNames": true,
    "moduleResolution": "Node",
    "declaration": true,
    "declarationMap": true,
    "sourceMap": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "strict": true,
    "strictNullChecks": true,
    "noImplicitAny": true,
    "typeRoots": [
      "node_modules/@types",
      "types"
    ],
    "skipLibCheck": true,
    "resolveJsonModule": true,
    "plugins": [
      {
        "name": "ts-lit-plugin"
      }
    ]
  }
}