title: How to create a Pre-Loading/ Splash Screen in Nuxt.js before the app starts?
body: <p>I have tried to add a loader as shown in the nuxt.js documentation in between the routes but its not work. But I'm not able to add a splash screen before the app starts.</p>
  <p>Code snippet in my <strong>components/loading.vue</strong></p>
  <pre><code>&lt;template&gt;
    &lt;div v-if=&quot;loading&quot; class=&quot;loading-page&quot;&gt;
      &lt;p&gt;Loading...&lt;/p&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data: () =&gt; ({
      loading: false
    }),
    methods: {
      start(){
        this.loading = true
      },
      finish(){
        this.loading = false
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  <p>In <strong>nuxt.js.config</strong></p>
  <pre><code>export default {
  ...
  
  loading: '~/components/loading.vue'
  ...
  }
  </code></pre>