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 | प्रकार | आवश्यक | विवरण |
|---|---|---|---|
questions | Array | हाँ | प्रश्न सूची |
categories | Object | हाँ | कैटेगरी परिभाषा और थ्रेशहोल्ड्स |
overall | Object | हाँ | ओवरऑल स्कोर थ्रेशहोल्ड |
emailEndpoint | String | नहीं | परिणाम भेजने की URL |
quizName | String | नहीं | ट्रैकिंग नाम |
डेटा संरचना
Question
javascript
{
id: 'unique_id',
prompt: 'प्रश्न',
categoryId: 'category_id',
options: [
{ value: 5, label: 'उत्तर' }
]
}Category
javascript
{
title: 'शीर्षक',
thresholds: [
{
min: 0,
max: 5,
label: 'परिणाम लेबल',
description: 'व्याख्या'
}
]
}चेकलिस्ट
- कैटेगरी तय करें और हर प्रश्न को वैध
categoryIdदें। - कैटेगरी और ओवरऑल दोनों के लिए थ्रेशहोल्ड सेट करें।
- नया क्विज़
docs/hi/quizzes/index.mdमें जोड़ें (फोल्डर रूटिंग परslugकी जरूरत नहीं)।

