export default { name: 'members-list', props: { members: Array, }, data: function () { return { searchValue: '', status: '', role: '', searchedList: [], } }, mounted: function () { this.searchedList = this.members }, methods: { search: function () { this.searchedList = this.members.filter( member => member.name.toLowerCase() .includes(this.searchValue.toLowerCase()) ) if (this.status) { this.searchedList = this.searchedList.filter( member => member.status === this.status ) } if (this.role) { this.searchedList = this.searchedList.filter( member => member.role.toLowerCase() === this.role ) } }, }, }