{#each data.questions[selected_question].answers as answer, index}
{ data.questions[selected_question].answers.splice(index, 1); data.questions[selected_question].answers = data.questions[selected_question].answers; }} out:fade={{ duration: 150 }} class="p-4 rounded-lg flex justify-center w-full transition" class:bg-red-500={!answer.right} class:bg-green-500={answer.right} class:bg-yellow-500={!reach(ABCDQuestionSchema, 'answer').isValidSync(answer.answer)} >
{ answer.right = !answer.right; console.log(answer.right); }} > {#if answer.right}
{:else}
{/if}
{/each} {#if data.questions[selected_question].answers.length < 4}
{ data.questions[selected_question].answers = [ ...data.questions[selected_question].answers, { ...empty_answer } ]; }} >
Add an answer
{/if}