export default { name: 'members-list', props: { members: Array, }, data: function () { return { searchValue: '', status: '', role: '', } }, computed: { searchedList: function () { return this.members.filter( member => this.status ? member.status === this.status | this.status === 'all' : true ).filter( member => this.role ? member.role.toLowerCase() === this.role | this.role === 'all' : true ).filter( member => this.searchValue ? member.name.toLowerCase() .includes(this.searchValue.toLowerCase()) : true ) } }, }