Props

NameTypeDefault valueRequired?Description
teamsArray-Yes-

Data

NameTypeDefault valueDescription
idString--
newChoreoNameString|nullnull-
newChoreoAchterNumber1-
newChoreoCountNumber0-
newChoreoMatTypeString"cheer"-
newChoreoTeamIdNumber|nullnull-
newChoreoSeasonIdNumber|nullnull-
newChoreoParticipantIdsArray--
participantOptionsArray--

Computed

NameTypeDescription
selectedTeamObject-
selectedSeasonTeamObject-
timeEstimationStringString-
matTypeOptionsArray-
newChoreoNameIsValidBoolean-
newChoreoNameStateFeedbackString|null-
newChoreoCountIsValidBoolean-
newChoreoCountStateFeedbackString|null-
newChoreoAchterIsValidBoolean-
newChoreoAchterStateFeedbackString|null-
newChoreoTeamIsValidBoolean-
newChoreoTeamStateFeedbackString|null-
newChoreoMatTypeIsValidBoolean-
newChoreoMatTypeStateFeedbackString|null-
newChoreoSeasonIsValidBoolean-
newChoreoSeasonStateFeedbackString|null-

Events

NamePayload TypeDescription
addChoreoObject-

Example

<template>
 <CreateChoreoModal :teams="teams" ref="createChoreoModal" @addChoreo="handler" />
 <Button @click="() => $refs.createChoreoModal.open()" />
</template>