A Simple Vue 3 Reusable Skeleton Loader Component

[@randomdeathafterplannedbir3386]

The resuable animated placehoder component is so neat! Thanks.

[@christopherokonkwo]

I'm so happy to be able to do this myself without needing an external plugin...Thanks John

[@khizer3528]

Usually in projects I prefer using beforeRouteEnter with progress bar before navigating to the route but I will definitely use this approach as this is more user friendly .

[@JohnKomarnicki]

Definitely different ways to handle these types of things! This is one of many :)

[@shahabdev2520]

That was something exciting and helpful. Thanks John, Keep dropping informative videos like this.

[@JohnKomarnicki]

I appreciate that Shahab! 🙌

[@pedrobonorino9063]

Super cool video! Definitely going to use on future projects!

[@JohnKomarnicki]

Awesome, glad to hear!

[@randel_mcafee86]

Super helpful, John! Great video :)

[@JohnKomarnicki]

Thanks Randel!

[@raptor7483]

Super useful.
Could it be used to wait for data from Pinia which runs or doesn't run an api?
Very often my components are ready before data comes from Pinia.

[@JohnKomarnicki]

Yeah, it can be used to wait for any async component or view!

[@mdalamin-re5ge]

Thanks for Video

[@kingpeng4970]

wow, it is great! thank you!

[@JohnKomarnicki]

You’re welcome!

[@gtbaba123]

Ty for vuetify. Plz more vuetify videos ty

[@abotsidanny5921]

Very useful bro I like it

[@JohnKomarnicki]

Thanks, glad to hear!

[@elmenikmati]

awesome!!! 😎

[@karthikm.1804]

wordle with vue3😃

[@Dylan_thebrand_slayer_Mulveiny]

This pattern will not scale well in any real world application. Having to create a copy of every template you want to use it on will quickly become untenable.
The better approach would be to use Css itself, have it target areas of the template content and fill it with content via pseudo elements until the content is loaded.