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 .
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.
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.