tsconfig.json

{
  "compilerOptions": {
    "plugins": [
      {
        "name": "ts-lit-plugin",
        "rules": {
          "no-unknown-tag-name": "error",
          "no-missing-import": "error",
          "no-unclosed-tag": "error",
          "no-unknown-attribute": "error",
          "no-unknown-property": "error",
          "no-unknown-event": "error",
          "no-unknown-slot": "error",
          "no-invalid-boolean-binding": "error",
          "no-expressionless-property-binding": "error",
          "no-noncallable-event-binding": "error",
          "no-boolean-in-attribute-binding": "error",
          "no-complex-attribute-binding": "error",
          // in some special cases, it doesn't know enough to work
          "no-nullable-attribute-binding": "off",
          // There are false positives and false negatives with this rule :-(
          // https://github.com/runem/web-component-analyzer/issues/104
          "no-incompatible-type-binding": "off",
          "no-invalid-directive-binding": "error",
          "no-unintended-mixed-binding": "error",
          "no-incompatible-property-type": "error",
          "no-unknown-property-converter": "error",
          "no-invalid-attribute-name": "false",
          "no-invalid-tag-name": "error",
          "no-invalid-css": "error"
        },
        "globalEvents": [
          // HACK: Right now, we don't have a clean way to recognize Shoelace events so this is not perfect.
          "sl-change",
          // animationend, mouseenter and mouseleave aren't recognized :-(
          // https://github.com/runem/lit-analyzer/issues/145
          // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/animationend_event
          // https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event
          "animationend",
          "mouseenter",
          "mouseleave",
        ]
      }
    ]
  }
}