Can't help but wonder if Lustre could have less noise. Without adding a preprocessor, maybe we can use a pipeline instead?

Gleam Lustre alternative syntax.md

Current

  html.div([], [
    html.button([event.on_click(Increment)], [
      element.text("+")
    ]),
    element.text(count),
    html.button([event.on_click(Decrement)], [
      element.text("-")
    ]),
  ])

Function chaining (typescript/similar)

html
  .div()
  .children(
    html
      .button()
      .on_click(Increment)
      .text("+"),

    html
      .button()
      .on_click(Decrement)
      .text("-"),
  )

Equivalent of function chaining for Gleam

html.div()
|> attr.children([
   html.button()
   |> attr.on_click(Increment)
   |> attr.text("-"),

   html.button()
   |> attr.on_click(Increment)
   |> attr.text("+"),
])