From 51475e9c641892a70a273c16a93595001c873fe0 Mon Sep 17 00:00:00 2001
From: Clark Reilly <clark.reilly@uconn.edu>
Date: Sat, 2 May 2020 15:24:45 -0400
Subject: [PATCH] initial attempts at making the post feed link to an array

---
 final/src/components/PlaceholderTweets.vue | 60 ++++++++--------------
 final/src/main.js                          | 10 ++++
 2 files changed, 32 insertions(+), 38 deletions(-)

diff --git a/final/src/components/PlaceholderTweets.vue b/final/src/components/PlaceholderTweets.vue
index ef9856c..531d3dd 100644
--- a/final/src/components/PlaceholderTweets.vue
+++ b/final/src/components/PlaceholderTweets.vue
@@ -1,42 +1,9 @@
 <template>
 <div id="postLog">
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-1.png">
-		<span class="postMSG">lol hope this works</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-2.png">
-		<span class="postMSG">this is a second tweet</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-3.png">
-		<span class="postMSG">third tweet</span>
-	</div>
+	<ul>
+		<li v-for="post in posts">{{ post.message }}</li>
+	</ul>
 	<!-- all posts below this are copies of the above -->
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-1.png">
-		<span class="postMSG">lol hope this works</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-2.png">
-		<span class="postMSG">this is a second tweet</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-3.png">
-		<span class="postMSG">third tweet</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-1.png">
-		<span class="postMSG">lol hope this works</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-2.png">
-		<span class="postMSG">this is a second tweet</span>
-	</div>
-	<div class="post">
-		<img class="postPFP" src="../assets/junk-tweet-pfp-3.png">
-		<span class="postMSG">third tweet</span>
-	</div>
 </div>
 </template>
 
@@ -46,7 +13,10 @@
   props: {
     msg: String
   }
-}
+}	
+
+
+
 </script>
 
 <style>
@@ -62,4 +32,18 @@
 	overflow-y: scroll;
 }
 
-</style>
\ No newline at end of file
+</style>
+
+
+<!-- <div class="post">
+		<img class="postPFP" src="../assets/junk-tweet-pfp-1.png">
+		<span class="postMSG">lol hope this works</span>
+	</div>
+	<div class="post">
+		<img class="postPFP" src="../assets/junk-tweet-pfp-2.png">
+		<span class="postMSG">this is a second tweet</span>
+	</div>
+	<div class="post">
+		<img class="postPFP" src="../assets/junk-tweet-pfp-3.png">
+		<span class="postMSG">third tweet</span>
+	</div> -->
\ No newline at end of file
diff --git a/final/src/main.js b/final/src/main.js
index 865458b..5859587 100644
--- a/final/src/main.js
+++ b/final/src/main.js
@@ -37,3 +37,13 @@ new Vue({
     });
   }
 }).$mount('#app')
+
+/*var app = new Vue ({
+  el: '#postLog',
+  data: {
+    posts: [
+    { message: "first" },
+    { message: "second" },
+    { message: "third" }]
+  }
+})*/
\ No newline at end of file