fix(publish): key chapter rows by index so same-time chapters render in order
c032ab9 parent: bf47d6e modified
web/src/project/steps/DescriptionStep.vue +1 -1 | @@ -186,7 +186,7 @@ const status = (v: Video) => (metaMissing(v).length ? tr("details.todo") : "✓" | ||
| 186 | 186 | <aside class="side"> |
| 187 | 187 | <template v-if="sel.kind === 'long'"> |
| 188 | 188 | <span class="eyebrow">{{ tr("details.chaptersFromEdit") }}</span> |
| 189 | - <div v-for="c in sel.chapters" :key="c.t" class="chap"><span class="mono">{{ c.t }}</span><span>{{ c.label }}</span></div> | |
| 189 | + <div v-for="(c, i) in sel.chapters" :key="i" class="chap"><span class="mono">{{ c.t }}</span><span>{{ c.label }}</span></div> | |
| 190 | 190 | <i18n-t v-if="!sel.chapters?.length" keypath="details.noChapters" tag="p" class="hint" scope="global"> |
| 191 | 191 | <template #editing><RouterLink :to="`/p/${project.id}/montage`">{{ tr("details.editing") }}</RouterLink></template> |
| 192 | 192 | </i18n-t> |
| @@ -186,7 +186,7 @@ const status = (v: Video) => (metaMissing(v).length ? tr("details.todo") : "✓" | |||
| 186 | <aside class="side"> | 186 | <aside class="side"> |
| 187 | <template v-if="sel.kind === 'long'"> | 187 | <template v-if="sel.kind === 'long'"> |
| 188 | <span class="eyebrow">{{ tr("details.chaptersFromEdit") }}</span> | 188 | <span class="eyebrow">{{ tr("details.chaptersFromEdit") }}</span> |
| 189 | - <div v-for="c in sel.chapters" :key="c.t" class="chap"><span class="mono">{{ c.t }}</span><span>{{ c.label }}</span></div> | 189 | + <div v-for="(c, i) in sel.chapters" :key="i" class="chap"><span class="mono">{{ c.t }}</span><span>{{ c.label }}</span></div> |
| 190 | <i18n-t v-if="!sel.chapters?.length" keypath="details.noChapters" tag="p" class="hint" scope="global"> | 190 | <i18n-t v-if="!sel.chapters?.length" keypath="details.noChapters" tag="p" class="hint" scope="global"> |
| 191 | <template #editing><RouterLink :to="`/p/${project.id}/montage`">{{ tr("details.editing") }}</RouterLink></template> | 191 | <template #editing><RouterLink :to="`/p/${project.id}/montage`">{{ tr("details.editing") }}</RouterLink></template> |
| 192 | </i18n-t> | 192 | </i18n-t> |