Hello guys. I am struggling with strange issue. It appears only in Nuxt, when using Vue without SSR all works fine!
I am using CleaveJS to mask my input and detect Credit Card type. Then I show animated Credit Card logo. When using Nuxt Enter transition is broken!!!
Here, try to type 34 or 44 or 22 - http://coordinated-color.surge.sh
This transition is broken ONLY on first appear. If you delete input and try to type it again - transition works just fine.
And the worst part that it appears only after I build and deploy this app! If you ran it locally all is working.
First I thought it can be because image doesn't loaded in browser but transition triggered, but this is not true. Without SSR all working fine!
Here's my code - https://github.com/iamdubx/cc-nuxt-issue