JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/vue@3"></script>
<div id="quiz">
  ${ questionIndex+1 }. ${ quiz.questions[questionIndex].question.heading }
</div>

JavaScript

const app = Vue.createApp({
  data() {
    return {
      count: 1,
      quiz: { questions: [{ question: { heading: 'Heading' } }] },
      questionIndex: 0,
      // userResponses: userResponseSkelaton,
      isActive: false
    }
  }
})

app.config.compilerOptions.delimiters = ['${', '}']

app.mount('#quiz')