Vue SSR Problem

I was making a ssr vue app using gridsome. And I had a loader for the app which got off after I fetched the data from a api. But gridsome is not generating html for the actual content but only for the loading icon. How do I deal with that?

Comments

[Nishant Mittal]

Update: I have found a workaround i.e. to not use v-if instead use display: none; to hide the main element.

[marcellothearcane]

If you aren't, use v-show instead.

[Naim Latifi]

yeah v-show can do the trick and it will set a display:none to the element