loop for component generation in the lowcode API

[PGimenez]

Explain how to iterate to generate multiple elements in a loop. MWE:

  module App
  using GenieFramework
  @genietools

  @app begin
    @out data = [
      ("msg1", "https://www.kasandbox.org/programming-images/avatars/spunky-sam.png"), 
      ("msg2", "https://www.kasandbox.org/programming-images/avatars/spunky-sam-green.png"), 
      ("msg3", "https://www.kasandbox.org/programming-images/avatars/purple-pi.png"),
    ]
  end
  
  function ui()
    row([card(style="margin: 10px;", @recur("item in data"), [
        p("{{ item[0] }}"),
        p("{{ item[1] }}"),
        imageview(src="{{item[1]}}")
    ]),])
    row([card(style="margin: 10px;", @recur("[msg, url] of data"), [
        p("{{ msg }}"),
        p("{{ url }}"),
        imageview(src=:url)
    ]),])
  end
  
  @page("/test", ui)
  end