Archetype Quiz टेम्पलेट

ArchetypeQuiz क्विज़ बनाता है जहाँ जवाब आर्चेटाइप से मैप होते हैं। अंतिम परिणाम वह आर्चेटाइप है जिसे सबसे अधिक वोट मिले।

उपयोग

नया आर्चेटाइप क्विज़ बनाने के लिए (उदा. docs/hi/quizzes/mera-quiz.md):

<ArchetypeQuiz 
  :questions="questions" 
  :archetypes="archetypes" 
  emailEndpoint="/.netlify/functions/record-quiz"
  quizName="मेरा क्विज़"
>
  <template #intro>
    <div class="intro-content">
      <h1>अपना टाइप जानें</h1>
      <p>क्विज़ लें और अपना आर्चेटाइप जानें।</p>
    </div>
  </template>
</ArchetypeQuiz>

<script setup>
const questions = [
  {
    id: 'q1',
    prompt: 'आपका पसंदीदा रंग?',
    options: [
      { value: 'red', label: 'लाल' },
      { value: 'blue', label: 'नीला' }
    ]
  }
];

const archetypes = {
  red: {
    title: 'लाल आर्चेटाइप',
    description: 'उत्साही और ऊर्जावान।',
    action: 'ऊर्जा को क्रिया में बदलें।'
  },
  blue: {
    title: 'नीला आर्चेटाइप',
    description: 'शांत और विश्लेषणात्मक।',
    action: 'विश्लेषण से समस्याएँ हल करें।'
  }
};
</script>

Props

Prop	प्रकार	आवश्यक	विवरण
questions	Array	हाँ	प्रश्नों की सूची
archetypes	Object	हाँ	आर्चेटाइप परिभाषा
emailEndpoint	String	नहीं	परिणाम POST करने की URL
quizName	String	नहीं	ट्रैकिंग के लिए नाम

डेटा संरचना

Question

{
  id: 'unique_id',
  prompt: 'प्रश्न',
  options: [
    { value: 'archetype_key', label: 'उत्तर' }
  ]
}

Archetype

{
  title: 'शीर्षक',
  description: 'विवरण',
  action: 'अगला कदम'
}