First I created five seperate div tags for six seperate slideshows. However, I realized that I did not need to add six seperate div tags to the Slideshow function. Therefore, I created one big div tag, "catBreed" and wrapped catBreed around the six "breed" components. I re-worked the Vue Assignment Four JavaScript code to create the prop connected to my "breed" component.The components in the HTML are connected to the vue in my JS file — which is connected to the catBreed element. We can reuse components throughout the HTML document!
Originally, "whichcat" (the prop) was tied to "abob". However, whichcat needs to be "empty" in order to place diffrent slideshows in whichcat. whichcat is now connected to a string of letters instead of a specific object within the array. I kept the Methods section the same, I pull the images from the same place - which are all connected to whichcat.