From the article "Building a Quiz App with Nuxt and Xata"

Questions4.vue

<script setup>
… 

const selectAnswer = (is_correct) => {
  emit("question-answered", is_correct);
};
</script>

<template>
  <div class="questions-ctr">
    <div class="progress">
      <div class="bar"></div>
      <div class="status">1 out of 3 questions answered</div>
    </div>
    <div
      class="single-question"
      v-for="(question, qi) in questions"
      :key="question.id"
      v-show="questionsAnswered === qi">
      <div class="question">{{ question.question_text }}</div>
      <div class="answers">
        <div
          class="answer"
          v-for="answer in getAnswersForQuestion(question.id)"
          :key="answer.answer_text"
          @click.prevent="selectAnswer(answer.is_correct)">
          {{ answer.answer_text }}
        </div>
      </div>
    </div>
  </div>
</template>