Skip to content

Category Quiz टेम्पलेट

CategoryQuiz उन डायग्नोस्टिक के लिए है जहाँ कई डायमेंशन (जैसे Community, Competence, Credibility, Compassion) और एक ओवरऑल स्कोर चाहिए।

उपयोग

vue
<CategoryQuiz 
  :questions="questions" 
  :categories="categories"
  :overall="overall"
  emailEndpoint="/.netlify/functions/record-quiz"
  quizName="मेरा Category Quiz"
>
  <template #intro>
    <h2>मेरा डायग्नोस्टिक</h2>
    <p>इन मुख्य डायमेंशन पर खुद को रेट करें।</p>
  </template>
</CategoryQuiz>

<script setup>
const questions = [
  {
    id: 'q1',
    prompt: 'प्रश्न टेक्स्ट...',
    categoryId: 'cat1',
    options: [
      { value: 5, label: 'पूरी तरह सहमत' },
      { value: 1, label: 'बिल्कुल असहमत' }
    ]
  }
];

const categories = {
  cat1: {
    title: 'कैटेगरी 1',
    thresholds: [
      {
        min: 4.0,
        max: 5.0,
        label: 'उच्च',
        description: 'आप इस क्षेत्र में उत्कृष्ट हैं।'
      },
      {
        min: 0,
        max: 3.9,
        label: 'निम्न',
        description: 'इस क्षेत्र में सुधार की आवश्यकता है।'
      }
    ]
  }
};

const overall = {
  thresholds: [
    {
      min: 4.0,
      max: 5.0,
      label: 'उत्तम',
      description: 'कुल प्रदर्शन उत्कृष्ट।'
    },
    {
      min: 0,
      max: 3.9,
      label: 'सुधार की जरूरत',
      description: 'कुल मिलाकर सुधार की गुंजाइश।'
    }
  ]
};
</script>

Props

Propप्रकारआवश्यकविवरण
questionsArrayहाँप्रश्न सूची
categoriesObjectहाँकैटेगरी परिभाषा और थ्रेशहोल्ड्स
overallObjectहाँओवरऑल स्कोर थ्रेशहोल्ड
emailEndpointStringनहींपरिणाम भेजने की URL
quizNameStringनहींट्रैकिंग नाम

डेटा संरचना

Question

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

Category

javascript
{
  title: 'शीर्षक',
  thresholds: [
    {
      min: 0,
      max: 5,
      label: 'परिणाम लेबल',
      description: 'व्याख्या'
    }
  ]
}

चेकलिस्ट

  1. कैटेगरी तय करें और हर प्रश्न को वैध categoryId दें।
  2. कैटेगरी और ओवरऑल दोनों के लिए थ्रेशहोल्ड सेट करें।
  3. नया क्विज़ docs/hi/quizzes/index.md में जोड़ें (फोल्डर रूटिंग पर slug की जरूरत नहीं)।