title: How to wait until data is loaded for showing this v-if condition correctly in Vue.js?
body: <p>It shows the no items found before the data is getting loaded., code looks like this:</p>
  <pre><code>&lt;div class=&quot;columns&quot; v-if=&quot;!products.length&quot;&gt;
  &lt;p&gt;No items found&lt;/p&gt;
  &lt;/div&gt;
  &lt;div class=&quot;columns&quot; v-if=&quot;products.length&quot;&gt;
  &lt;/div&gt;
  
      async getProducts() {
        let res = await api.products.getProducts({
          products: products
        })
      },
  </code></pre>
  <p>Currently, it shows that no items found until the data is loading. How can I show that message only when data is loaded and it's empty?</p>