diff --git a/app/components/EnRecipes.vue b/app/components/EnRecipes.vue index f422b36c..3329554e 100644 --- a/app/components/EnRecipes.vue +++ b/app/components/EnRecipes.vue @@ -3,7 +3,7 @@ - + @@ -133,17 +133,15 @@ export default { computed: { ...mapState( [ "icon", "recipes", "currentComponent" ] ), filteredRecipes() { + let ingredients = this.recipes.map( e => e.ingredients.map( f => f.item.toLowerCase() ).join() ).join() if ( this.filterFavourites ) { - return this.recipes.filter( e => e.isFavorite && e.title.toLowerCase().includes( this.searchQuery ) ); - } - else if ( this.filterTrylater ) { - return this.recipes.filter( e => !e.tried && e.title.toLowerCase().includes( this.searchQuery ) ); - } - else if ( this.selectedCategory ) { - return this.recipes.filter( e => e.category === this.selectedCategory && e.title.toLowerCase().includes( this.searchQuery ) ); - } - else { - return this.recipes.filter( e => e.title.toLowerCase().includes( this.searchQuery ) ); + return this.recipes.filter( e => e.isFavorite && e.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ) ); + } else if ( this.filterTrylater ) { + return this.recipes.filter( e => !e.tried && e.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ) ); + } else if ( this.selectedCategory ) { + return this.recipes.filter( e => e.category === this.selectedCategory && e.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ) ); + } else { + return this.recipes.filter( e => e.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ) ); } }, noResultFor() { @@ -292,17 +290,15 @@ export default { }, 1 ); }, filterFunction( item ) { + let ingredients = item.ingredients.map( e => e.item.toLowerCase() ).join() if ( this.filterFavourites ) { - return item.isFavorite ? item.title.toLowerCase().includes( this.searchQuery ) : false; - } - else if ( this.filterTrylater ) { - return item.tried ? false : item.title.toLowerCase().includes( this.searchQuery ); - } - else if ( this.selectedCategory ) { - return item.category === this.selectedCategory ? item.title.toLowerCase().includes( this.searchQuery ) : false; - } - else { - return item.title.toLowerCase().includes( this.searchQuery ); + return item.isFavorite ? item.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ) : false; + } else if ( this.filterTrylater ) { + return item.tried ? false : item.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ); + } else if ( this.selectedCategory ) { + return item.category === this.selectedCategory ? item.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ) : false; + } else { + return item.title.toLowerCase().includes( this.searchQuery ) || ingredients.includes( this.searchQuery ); } }, onSwiping( {