Use a two-phase delete flow for conversation list items. Instead of immediately removing the deleted conversation from the array and relying only on transition-group leave hooks, mark the target conversation as pending deletion first so it can play the left-slide animation, then remove it after the animation completes. Also keep the list container mounted during delete mode so empty/loading branches do not interrupt the exit transition. Validation: npm run build --silent 2>&1 | tail -n 20 |
||
|---|---|---|
| .. | ||
| ConversationSidebar.vue | ||