Resolving a QML settings id problem

Kenz Dale

I have a conundrum with Settings. It seems it can only work when the id of the variable is referenced. Using parent does not work. So this means that the ID has to be known inside the component. However, if the id is set inside the component, then it is not available outside the component. See the below

MyComponent.qml

Item {
    id: myItem
    property int myNumber
    Settings {
        property alias myNumber: myItem.myNumber
    }
}

main.qml

ApplicationWindow {
    MyComponent {
        
    }

    Rectangle {
        id: rect
        property real number: myItem.myNumber
    }
}

This will fail because the id myItem is not available to Rectangle rect.

However, if I try the below, then it fails because Settings doesn't know where to look to find myItem.

MyComponent.qml

Item {
    property int myNumber
    Settings {
        property alias myNumber: myItem.myNumber
    }
}

main.qml

ApplicationWindow {
    MyComponent {
        id: myItem
    }

    Rectangle {
        id: rect
        property real number: myItem.myNumber
    }
}

What can be done to solve this, aside from locating the Settings component such that it is at the root of both MyComponent and Rectangle components?