ATTR-008: invalid attribute name

Error: the page doesn't build until this is fixed.

A quoted attribute name can be almost anything, like "@click" for Alpine.js. But HTML doesn't allow spaces, quotes, =, > or / in a name: the browser would read it as something else.

Fails

page(title: "Shoes", description: "All our running shoes, from light racers to trail shoes.") {
  h1 "Shoes"
  div("data id": "42") { p "Runner X" }
}

error[ATTR-008]: `data id` isn't a valid attribute name
 --> page.hypra:3:7
  |
3 |   div("data id": "42") { p "Runner X" }
  |       ^^^^^^^^^
  = help: attribute names can't contain spaces, quotes, =, > or /
  = docs: https://hypralang.dev/rules/attr-008/

1 error, 0 warnings

Fixed

page(title: "Shoes", description: "All our running shoes, from light racers to trail shoes.") {
  h1 "Shoes"
  div(data-id: "42") { p "Runner X" }
}