Food

The toggle button on the component emits an event to the parent "App.vue". The favorite status is modified in "App.vue", and the updated status is sent back to the component so that the image is toggled to reflect the favorite status.

The result looks exactly like before, but now the favorite staus is modified where it should be in "App.vue" instead of in the "FoodItem.vue" component.

Apples

Apples are a type of fruit that grow on trees.

Pizza

Pizza has a bread base with tomato sauce, cheese, and toppings on top.

Rice

Rice is a type of grain that people like to eat.

Fish

Fish is an animal that lives in water.

Cake

Cake is something sweet that tates good.