title: How would I create a splash screen in Vue.js?
body: <p>Basically I want to create a splash screen. It should be displayed for X number of seconds minimum OR the amount of time it takes for the app to load.</p>
  
  <p>I'm thinking something like the app logo large in the middle of the screen faded in then out with a black, opaque background. Possibly a loading bar as well that fades in if the time takes more time than the X number of minimum seconds.</p>
  
  <p>How would I best accomplish this?</p>
  
  <p>Update: just to clarify I'm looking for a discussion of the topic not copy pastable code, I'm quite capable of doing my own code on this matter, just want some input on the best approach to tackle this issue.</p>
  
  <p>For example, I'm currently experimenting with a CSS based approach and a div to contain the splashscreen which will, once the app gets far enough, add a loading bar to it and once it's 100% loaded it'll be removed from the DOM.</p>
  
  <p>Anyone know of a better approach?</p>