MatchMessagesQuestion AI Match Follow-up Questions Component

Used to display a list of quick follow-up questions in AI match scenarios, supporting user click selection.

Import

import PressMatchMessagesQuestion from "press-next/press-match-messages-question/press-match-messages-question";

Usage

Basic Usage

<template>
  <PressMatchMessagesQuestion
    :quick-questions="questions"
    @question-clicked="handleQuestionClick"
  />
</template>

<script setup>
import PressMatchMessagesQuestion from "press-next/press-match-messages-question/press-match-messages-question";

const questions = [
  { id: 1, text: "What are the competition rules?" },
  { id: 2, text: "How to register for the competition?" },
  { id: 3, text: "What is the competition schedule?" },
];

const handleQuestionClick = (question) => {
  console.log("Selected question:", question);
};
</script>

API

Props

Parameter	Description	Type	Default
quick-questions	Quick question list	QuestionItem[]	[]

Events

Event Name	Description	Parameters
question-clicked	Triggered when clicking question	question: QuestionItem

QuestionItem Data Structure

interface QuestionItem {
  id: string | number; // Unique identifier for the question
  text: string; // Question text content
}