title: TypeError: Cannot read properties of undefined (reading 'products')
body: <p>I am trying to get products, then check if the product pId is in an array, and filter if it is.
  I get an error when i soft refresh of 'TypeError: Cannot read properties of undefined' (reading 'products'), almost like my 'this.products' isnt populated yet when computed is trying to get the data. Tried adding some if statements to check data is there but no luck.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;script&gt;
  export default {
    data() {
      return {
        popular_products: [],
        products: [],
      }
    },
  
    computed: {
      bestsellers() {
        const keywords = this.popular_products
        let array = []
        for (var index = 0; index &lt; keywords.length; index++) {
          const keyword = this.products.data.products.product.filter(
            (product) =&gt; product.pId == keywords[index].ProductNumber
          )
          array = array.concat(keyword)
        }
        return array
      },
    },
  
    mounted() {
      axios
        .get(
          'https://myurl/admin/api/collections/get/popularproducts?token=account-9306f9192049d3c442e565f2de5372'
        )
        .then((response) =&gt; (this.popular_products = response.data.entries))
  
      axios
        .get('https://myurl/products.json')
        .then((response) =&gt; (this.products = response))
    },
  }
  &lt;/script&gt;
  </code></pre>