Add/remove item from array in slint?

[AllenDang]

I'm creating a tag bar, user could add and remove tags, is it possible to add/remove item from array directly in slint lang?

Here is the widget I'm trying to implement.

export component TagLineEdit inherits Rectangle {
    in-out property text <=> txt.text;
    in-out property <[{ text: string, col: color }]> tags : [
      {text: "tag1", col: #f00},
      {text: "tag2", col: #00f},
    ];

    callback add_tag <=> btnAddTag.clicked;

    HorizontalLayout { 
      spacing: 5px;

      for tag in root.tags: Rectangle {
          border-radius: 6px;
          background: tag.col;
          width: t.preferred-width + 8px;

          t := Text {
              text: tag.text;
              vertical-alignment: center;
          }

          TouchArea { 
            clicked => { 
              // Click the tag will remove it
            }
          }
      }

      btnAddTag := Button {
          text: "+";
      }

      txt := LineEdit { }
    }
}

[tronical]

It's not possible to add/remove rows from a model from within .Slint files. Perhaps this could be implemented if we had a syntax that preserved the vector backing. Meanwhile what is typically done is to create a VecModel in Rust, keep a clone there, and then append/remove/insert on that one.