FunkoCards should use a seperate href prop for link

vue/components/FunkoCard.js

@@ -12,7 +12,7 @@ export default {
 				<div class="card-text">
 					<p v-html="funko.description"></p>
 				</div>
-				<a :href="funko.title" class="btn btn-primary stretched-link">Read more</a>
+				<a :href="funko.href + '.html'" class="btn btn-primary stretched-link">Read more</a>
 			</div>
 		</div>
 	`

vue/funkos.js

@@ -4,55 +4,63 @@ const funkos = [
 		img: 'aouwanda',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'aouwanda'
 	},
 	{
 		title: 'Anti Venom',
 		img: 'antivenom',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'antivenom'
 	},
 	{
 		title: 'Integrated Spiderman Suit',
 		img: 'spidey',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'spidey'
 	},
 	{
 		title: 'Halloween Wanda',
 		img: 'halwanda',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'halwanda'
 	},
 	{
 		title: 'The Scarlet Witch',
 		img: 'floatwanda',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'floatwanda'
 	},
 	{
 		title: 'Kate Bishop and Lucky the Dog',
 		img: 'katebishop',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'katebishop'
 	},
 	{
 		title: 'Yelena',
 		img: 'yelena',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'yelena'
 	},
 	{
 		title: 'Civil War Wanda',
 		img: 'cwwanda',
 		price: 50,
 		description: 'bob',
-		rank: 1
+		rank: 1,
+		href: 'cwwanda'
 	}
 ];