Plantilla de Cuestionario de Arquetipo

El componente ArchetypeQuiz le permite crear cuestionarios donde las respuestas se asignan a "tipos" o "arquetipos" específicos. El resultado final está determinado por el arquetipo que recibió la mayor cantidad de votos.

Uso

Para crear un nuevo cuestionario de arquetipo, cree un archivo markdown (por ejemplo, docs/es/quizzes/my-new-quiz.md) y use el componente de la siguiente manera:

<ArchetypeQuiz 
  :questions="questions" 
  :archetypes="archetypes" 
  emailEndpoint="/.netlify/functions/record-quiz"
  quizName="My New Quiz"
>
  <template #intro>
    <div class="intro-content">
      <h1>Descubre Tu Tipo</h1>
      <p>Realiza este cuestionario para averiguar qué arquetipo eres.</p>
    </div>
  </template>
</ArchetypeQuiz>

<script setup>
const questions = [
  {
    id: 'q1',
    prompt: '¿Cuál es tu color favorito?',
    options: [
      { value: 'red', label: 'Rojo' },
      { value: 'blue', label: 'Azul' }
    ]
  }
];

const archetypes = {
  red: {
    title: 'Arquetipo Rojo',
    description: 'Eres apasionado y enérgico.',
    action: 'Canaliza tu energía en acción.'
  },
  blue: {
    title: 'Arquetipo Azul',
    description: 'Eres tranquilo y analítico.',
    action: 'Usa tu análisis para resolver problemas.'
  }
};
</script>

Props

Prop	Tipo	Requerido	Descripción
questions	Array	Sí	Array de objetos de pregunta.
archetypes	Object	Sí	Diccionario de definiciones de arquetipos.
emailEndpoint	String	No	URL para enviar los resultados del cuestionario.
quizName	String	No	Nombre del cuestionario para fines de seguimiento.

Estructuras de Datos

Objeto de Pregunta

{
  id: 'unique_id',
  prompt: 'Texto de la pregunta',
  options: [
    { value: 'archetype_key', label: 'Texto de la opción' }
  ]
}

Objeto de Arquetipo

{
  title: 'Título para Mostrar',
  description: 'Descripción detallada del arquetipo.',
  action: 'Paso siguiente recomendado.'
}