motiondivision/motion-vue v1.10.0

on GitHub

Features

• AnimatePresence: Support multiple motion components exit animations within a single container (#227)

  Previously, only a single motion component per v-if container could have its exit animation tracked. Now all motion components within an AnimatePresence direct child are properly registered and animated on exit. onExitComplete fires only after all of them finish.

  <AnimatePresence @exit-complete="onDone">
    <div v-if="show">
      <motion.div :exit="{ opacity: 0, x: -50 }" />
      <motion.div :exit="{ opacity: 0, x: 50 }" />
      <motion.div :exit="{ opacity: 0, y: 50 }" />
    </div>
  </AnimatePresence>