Nx MCP Server

import { html, LitElement } from 'lit';
import { customElement, property } from 'lit/decorators.js';

@customElement('list-entry')
export class ListEntry extends LitElement {
  @property()
  protected completed = false;

  @property()
  protected text: string | undefined;

  protected override render() {
    return html`
      <div
        style="display: flex; align-items: center; width: 100%; font-size: var(--vscode-font-size); margin: calc(var(--design-unit) * 1px) 0;"
      >
        <span
          class="codicon codicon-${this.completed ? 'check' : 'circle'}"
          style="text-align: center; font-size: 1.2rem; margin: 0 calc(var(--design-unit) * 1px);"
        ></span>
        <span
          style="${this.completed
            ? 'text-decoration: line-through; color: var(--vscode-disabledForeground);'
            : ''}; line-height: 1.2rem; display: inline-flex; align-items: center;"
        >
          ${this.text}
        </span>
      </div>
    `;
  }

  protected override createRenderRoot(): Element | ShadowRoot {
    return this;
  }
}