Feature Request: Dynamically create objects

[MasterPuffin]

Hi,
I would like to show an input field, if a select has a specific value. However I would like to not initialize Sprae with the required object but have Sprae detect the required object automatically.
I wrote a function as a proof of concept that achieves this, however my question would be, if that could be natively integrated in Sprae.

<div id="container">
    <select class="form-control" :value="object1">
        <option value="1">Test 1</option>
        <option value="2">Test 2</option>
        <option value="3">Test 3</option>
    </select>
    <input :if="object1 == 3" type="text" class="form-control">
</div>

const container = document.querySelector('#container')
const elements = Array.from(container.querySelectorAll('*')).filter((el) => {
    return el.hasAttribute(':value');
});

const objects = {}
elements.forEach((element) => {
    objects[element.getAttribute(':value')] = null;
});
const state = sprae(container, objects)

[dy]

Not sure I understand - your example works fine (just make sure input is closed, as <input />).
Can you show what would you like to have that doesn't work now?

[MasterPuffin]

The code above works as intended, however my question was, if this behavior could be integrated in Sprae, so that my JS code wouldn't be needed anymore?

[dy]

You can init sprae on root and it should work, doesn't it?

[dy]

@MasterPuffin can you elaborate a bit, how would see it should work that it doesn't work now?

[MasterPuffin]

Sorry for the late reply.
When I init sprae like this

const state = sprae(container, {});

my example does not work.
My goal is, to init Sprae for example to use if conditions without knowing the objects on initializing.