PlaceholderTweets.vue

<template>
<div id="postLog">
	<ul id="postList">
		<li v-for="post in posts">{{ post.message }}</li>
	</ul>
	<!-- all posts below this are copies of the above -->
</div>
</template>

<script>
	export default {
  name: 'PlaceholderTweets',
  props: {
 	post: String	
  }
};	



</script>

<style>

.postPFP {
	height: 70px;
}

#postLog {
	text-align: left;
	height: 500px;
	width: 150%;
	/*overflow-y: scroll;*/
}

</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> -->