How to access a nested array and display it in the filter list?

Question

Vue.js

I don’t know how to access a nested array in the items array in computed find(), instead of hello and world, you need to display those in items ->> props.
https://codepen.io/litash/pen/OwjGWe

Answer 1

computed: {
  foundItems() {
    return []
      .concat(...this.items.map(n => n.props || []))
      .filter(n => n.name.includes(this.search));
  },
},

<li v-for="item in foundItems">
  {{ item.name }}
</li>

https://jsfiddle.net/8qyrtsac/