As a newcomer to Vue/Nuxt, I'm currently facing an issue with a group of radio inputs that do not unselect when another option is chosen. After some investigation, it seems like the problem may lie within this specific code snippet below. My focus is on understanding and fixing the v-model=$store.state.currentModifiers set by the previous developer. How can I resolve this bug where selecting one option does not unselect the others?
https://i.sstatic.net/i08if.png
<div
v-for="(modifier, index) in getMenuModifiers(
groupModifiers._id
)"
:key="'MMi' + index"
>
<input
type="radio"
:id="index"
:ref="modifier._id"
:value="modifier"
@change="check($event)"
v-model="$store.state.currentModifiers"
/>
<label :for="modifier._id">{{ modifier.title }}</label>
</div>