[Vuejs]-Nuxt JavaScript hooks transition – a bug?

According to the information you’ve provided there are a few things I would like you to notice.

If you refer to the nuxt documentation here you will notice that the transition property will control how the page component will behave when moving between pages. That is, everytime you move from one route to another.

The methods you’re defining inside the component are the functions that your transition component will call when such transition takes place as stated in the vue docs here. That’s why you’re getting that error

Now, I think that your transition is not working because you haven’t named it ye. It will give you more control on what your transition is doing. You also need to add some css to make the transition effective.

If you look at the chart above, you will find how pure css transitions go from one state to another.

I would also refer you to this amazing article by Sarah Drasner which talks about page transitions