Cocktail Mobile App with Ionic and Vue 3 - Part 2 Drinks By Ingredient

In part 1, we created our cocktail app using Ionic Framework and Vue. We also added our first tab to show a random cocktail. In this part, we're going to be implementing search by ingredient functionality on Tab 2. Part 1 - Random Cocktail Tab    • Cocktail Recipe Mobile App with Ionic and ...   Timestamps 0:00 - Intro 0:46 - Changing Tab Icon and Name 1:22 - Ingredients List Tab View 10:56 - Drinks By Ingredient View 6:11 - Drink View 24:05 - Coding Drink Card Component 30:40 - Wrap up Ionic Framework https://ionicframework.com Vue 3 https://v3.vuejs.org/ TheCocktailDB https://www.thecocktaildb.com BitBucket Repo https://bitbucket.org/TheDiligentDev/... interface Drink { idDrink: string; strDrink: string; strDrinkAlternate: string; strDrinkES: string; strDrinkDE: string; strDrinkFR: string; "strDrinkZH-HANS": string; "strDrinkZH-HANT": string; strTags: string; strVideo: string; strCategory: string; strIBA: string; strAlcoholic: string; strGlass: string; strInstructions: string; strInstructionsES: string; strInstructionsDE: string; strInstructionsFR: string; "strInstructionsZH-HANS": string; "strInstructionsZH-HANT": string; strDrinkThumb: string; strIngredient1: string; strIngredient2: string; strIngredient3: string; strIngredient4: string; strIngredient5: string; strIngredient6: string; strIngredient7: string; strIngredient8: string; strIngredient9: string; strIngredient10: string; strIngredient11: string; strIngredient12: string; strIngredient13: string; strIngredient14: string; strIngredient15: string; strMeasure1: string; strMeasure2: string; strMeasure3: string; strMeasure4: string; strMeasure5: string; strMeasure6: string; strMeasure7: string; strMeasure8: string; strMeasure9: string; strMeasure10: string; strMeasure11: string; strMeasure12: string; strMeasure13: string; strMeasure14: string; strMeasure15: string; strCreativeCommonsConfirmed: string; dateModified: string; } #vueJs #ionic #mobile