así que traté de hacer transiciones de página en css pero la transición de leave no funcionó, así que traté de hacerlo con JS Hooks , pero dejar animaciones aún no funciona. Intenté comentar cada paso y descubrí que leave ni siquiera se llama.

Texto:

 methods: { beforeEnter: function (el) { console.log("Before Enter") // ... }, enter: function (el, done) { console.log("Entered") // ... }, leave: function (el, done) { console.log("Leave") // ... } }

Modelo:

 <div id="app"> <nav-bar /> <transition mode="out-in" @before-enter="beforeEnter" @enter="enter" @leave="leave" > <nuxt /> </transition> </div> 

He leído la documentación de las transiciones e incluso he copiado su código y lo he pegado tal como está, pero aún parece no haber ninguna diferencia. Utilicé yarn create nuxt-app para que asumas que estoy en la actualización más estable

 nuxt: 2.15.8 node: 14.18.1 ubuntu: 18.04.6 LTS