after.ts

import { 
  html, 
  css 
} from "lit";
import {
  pureLit
} from "pure-lit"

const blockStyle = css`:host { display: block; }`

pureLit("hello-world",
  ({who}: { who: string }) => html`Hello ${who}!`,
  { 
    styles: [blockStyle],
    defaults: { who: "noone" } 
  }
);

pureLit("greet-em", 
  () => html`<div>${["george", "john"].map(n => 
    html`<hello-world who=${n}></hello-world>`
  )}</div>`
)