How do I remove linebreaks from list elements? (retain semantics)

I want a regular list:

  • item 1
  • item 2
  • item 3

to be roughly displayed like this (retain semantics):
item 1, item 2, item 3

And have them styled as pills.

Figured it out:

#show list: it => {
  let children = it.children

  for (i, child) in children.enumerate() {
    if i > 0 {
      [, ]
    }
    child.body
  }
}