eslint-plugin-lit/docs/rules/no-template-map.md

lit-html support for ESLint

# Disallows array `.map` in templates (no-template-map)

Mapping arrays in templates can be difficult to read.

Instead, you should do something like so:

```ts
_render() {
  const items = this.arr.map((item) => html`<span>${item}</span>`);

  return html`<div>${items}</div>`;
}
```

## Rule Details

This rule disallows using `.map` on arrays in templates.

The following patterns are considered warnings:

```ts
html`<div>${arr.map(i => i+1)}</div>`;
html`<div>${arr.map(i => html`<span>${i}</span>`)}</div>`;
```

The following patterns are not warnings:

```ts
html`foo ${someVar}`;
```

## When Not To Use It

If you don't care about readability of your templates, then you will not need this rule.