Switch button

switch.vue

<script setup>
const check = reactive({
    input: [
        true,
        false
    ]
})

const changeCheckbox = (e, i) => {
    console.log(e.target.checked);
    check.input[i] = e.target.checked
}
</script>

<template>
<div class="p-10" v-for="(item, i) in check.input">
    <div>{{ item === true ? 'Yes' : 'No'}}</div>
    <input type="checkbox" @change="e => changeCheckbox(e, i)"/> <input :disabled="item" class="disabled:bg-red-900" />
</div>
</template>