How to set out property struct as text input in slint to rust

[MohaBeacon]

import { Button, VerticalBox, TextEdit } from "std-widgets.slint";

export struct Userdetails {
    name:string,
    pass:string
    
}

export component AppWindow inherits Window {
    in-out property<int> counter: 42;
    in-out property <Userdetails> userdetails;

    callback request-increase-value();
    VerticalBox {
        Text {
            text: "Username";
        }
        TextInput {
            input-type: text;
            edited(value) => {self.text  = root.userdetails.name};
        }
        Text{
            text: "Password";
        }
        TextInput {
            input-type: password;
            text : "\{userdetails.pass}";
        }
        Button {
            text: "Increase value";
            clicked => {
                root.request-increase-value();
            }
        }
    }
}