.dialogoChat.p-5
.row.justify-content-center.align-items-center.g-0
.col-md-12
.row.g-0.flex-nowrap.dialogoChat__chat__item.mb-3(v-for="(line, lineIdx) in dialogoComputed")
.col-auto.dialogoChat__chat__item__person
img(:src="line.personaje.img")
span.text-small(v-html="line.personaje.nombre")
.col.dialogoChat__chat__item__message__container
.dialogoChat__chat__item__message
.row.g-0.align-items-center.dialogoChat__chat__item__message__bubble
.col.dialogoChat__chat__item__message__text.me-2
.dialogoChat__chat__item__message__text__eng.h5.mb-0
template(v-for="(phrase, phraseIdx) in line.textoIng")
.d-inline.dialogoChat__chat__item__message__text__drop(
v-if="phrase === '*'"
)
span.dialogoChat__chat__item__message__text__drop__response(
v-if="answers[line.id]"
v-html="answers[line.id].palabra"
)
span.dialogoChat__chat__item__message__text__drop__default(v-else)
span(v-else :key="`phrase-${line.id}-${phraseIdx}`" v-html="phrase")
.dialogoChat__chat__item__message__text__esp.text-small(
v-if="translations.includes(line.id)"
)
.col-auto.dialogoChat__chat__item__message__audio
Audio(
:audio="line.audio"
@audio-hover="mostrarIndicadorAudio = false"
)