title: Vue prerender flickering
body: <p>I have the following solution now:  </p>
  
  <pre><code>&lt;template&gt;
      &lt;section id="prod-main"&gt;
          &lt;prod-preview v-for="prod in products" :id="prod.id" :key="prod.id"/&gt;
      &lt;/section&gt;
  &lt;/template&gt;
  
  export default {
  ...
      computed: {
          products: function () {
              return this.$store.getters['products/getPreview']
          }
      }
  ...
  }
  </code></pre>
  
  <p>Vuex store will receive info after some delay from my backend. So at first call it will be empty. Now I want to use vue spa prerender and here I see a flickering.<br>
  As I understood it works like:<br>
  1. Browser loads HTML with products<br>
  2. Execute js that replace products with nothing because the store is empty.<br>
  3. After some delay shows it again with backend info.  </p>
  
  <p>How can I fix it? I should left prerender for indexing and I can't hardcode the backend reply. </p>