From f5d3b6cb8211cb932bcd4ba80f02c7982f564f92 Mon Sep 17 00:00:00 2001
From: Tyler-A <tyler.akins1999@gmail.com>
Date: Wed, 5 Aug 2020 22:41:41 -0600
Subject: [PATCH] Adjust how the items are being given to Vue

---
 src/components/MainView.vue | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/MainView.vue b/src/components/MainView.vue
index cec8bf3..fa367da 100644
--- a/src/components/MainView.vue
+++ b/src/components/MainView.vue
@@ -12,18 +12,12 @@
 		/>
 		<div v-if="error" class="error">{{ error }}</div>
 		<div v-else id="data_view">
-			<span
-				v-for="item in data"
+			<component
+				:is="config.type.slice(0, -1)"
+				v-for="item in items"
 				:key="item.uri"
-			>
-				<Track
-					v-if="item.type === 'track'"
-					:item="item"/>
-				<Artist
-					v-else-if="item.type === 'artist'"
-					:item="item"/>
-				<Unknown v-else :item="item"/>
-			</span>
+				:item="item"
+			/>
 		</div>
 	</div>
 </template>
@@ -60,7 +54,11 @@ export default {
 		error: ``,
 		api_base: `https://api.spotify.com/v1`,
 	};},
-	computed: {},
+	computed: {
+		items() {
+			return this.data.filter(item => item.type === this.config.type.slice(0, -1).toLowerCase())
+		}
+	},
 	methods: {
 		get_token() {
 			let params = new URLSearchParams(window.location.hash.slice(1));