Building Interactive Experiences with Nuxt Content
summary
Builds a quiz system inside Nuxt Content using markdown components where each question is a Markdown component that registers itself with a useQuiz composable. Answers are randomized, IDs auto-increment from a global questions array, and a global singleton state exposes a showResults boolean and a score value. Score is computed from matching correct indices; demo works live but relies on client-only rendering to avoid cross-request state pollution on the server, and the demo uses a watcher (not ideal) to update score.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 0:52Overview
- 2:08Markdown Components
- 4:31Creating a Global Store
- 10:41Adding Show Results
- 13:23Adding Quiz Results
- 15:34Adding Quiz Score
- 20:16Mastering N3
- 21:46Questions
