Dynamic checked/selected when opened in modal sheet

Hello

When I use this component on sheet modal with dynamic check seems that DOM not update input and not assign check on radio

What is best practice to do this on sheet modal?

update: example add

                <label class="item-radio item-content">
                  <!-- Checked by default -->
                  <input type="radio" name="my-radio" value="radio-2" ${isChecked && `checked`}  />
                  <i class="icon icon-radio"></i>
                  <div class="item-inner">
                    <div class="item-title">Music ${isChecked && `checked`}</div>
                  </div>
                </label>

print after Music is checked (true) , but radio is not prechecked

@Aniello_Martuscelli How do you initialize isChecked?

For it to update automatically, you have to use const isChecked = $ref(true); and then do get the value in a template literal using isChecked.value.

If you want to use normal (non-reactive) variables, you should call $update() to update the UI accordingly.