[eslint] Add eslint-plugin-lit

This enforces rules from the plugin, and disables the two offending
files, comments on the files themselves.

Fixed: 457654458
Change-Id: I762b2eac31480cedafdf6031dee8b1e054b83a18
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7124645
Auto-Submit: Nikolay Vitkov <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Nikolay Vitkov <[email protected]>

Author: Lightning00Blade

eslint.config.mjs

@@ -437,6 +437,7 @@ export class SidebarSingleInsightSet extends HTMLElement {
 
       const agentFocus = AIAssistance.AIContext.AgentFocus.fromInsight(this.#data.parsedTrace, model);
       // clang-format off
+      /* eslint-disable lit/binding-positions,lit/no-invalid-html */
       return html`<div>
         <${componentClass.litTagName}
           .selected=${this.#data.activeInsight?.model === model}
@@ -452,6 +453,7 @@ export class SidebarSingleInsightSet extends HTMLElement {
           .fieldMetrics=${fieldMetrics}>
         </${componentClass.litTagName}>
       </div>`;
+      /* eslint-enable lit/binding-positions,lit/no-invalid-html */
       // clang-format on
     };
 

front_end/panels/timeline/components/SidebarSingleInsightSet.ts

@@ -239,6 +239,7 @@ export class MarkdownLitRenderer {
       case 'code':
         return this.renderCodeBlock(token);
       case 'space':
+        // eslint-disable-next-line lit/prefer-nothing
         return html``;
       case 'link':
         return html`<devtools-markdown-link