I have a radio input with v-model a ref() that, although it is marked as checked, it doesn’t appear so in the browser.

<ul id="catalogue-filter-order-list">
    <li v-for="value in values" class="catalogue-filter-list-elem">
        <div class="form-check">
            <input :id="`catalogue-order-by-` + value" name="catalogue-order" class="form-check-input" type="radio" :value="value" v-model="orderBy" />
            <label :for="`catalogue-order-by-` + value" class="form-check-label">
                {{ $t('CATALOGUE_ORDER_BY_' + value) }}
            </label>
        </div>
    </li>
</ul>

If I console.log(orderBy.value) I get correctly the value of the first radio, and if I check the code it is checked:

but in the browser it doesn’t appear to: