Upgrade toQuasar v2and use Vue.js 3
Quasar Components Transitions

There are a few Quasar components that mention about transitions through transition-show/transition-hide or transition-prev/transition-next or simply transition props. We’re going to showcase these transitions here.

Use the names indicated in the captions above for the transition props. Example:

<q-menu
  transition-show="jump-down"
  transition-hide="jump-up"
/>