doesn't display manual array, but doesn't display nothing anymore

clr14003 · May 2, 2020 · 7abf5bf · 7abf5bf
1 parent 51475e9
commit 7abf5bf
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 15 deletions.
diff --git a/final/src/App.vue b/final/src/App.vue
@@ -38,7 +38,7 @@ export default {
   mounted() {
     // console.log(this.authenticated);
   }
-}
+};
 </script>
 
 <style lang="scss">

diff --git a/final/src/components/PlaceholderTweets.vue b/final/src/components/PlaceholderTweets.vue
@@ -1,6 +1,6 @@
 <template>
 <div id="postLog">
-	<ul>
+	<ul id="postList">
 		<li v-for="post in posts">{{ post.message }}</li>
 	</ul>
 	<!-- all posts below this are copies of the above -->
@@ -11,9 +11,9 @@
 	export default {
   name: 'PlaceholderTweets',
   props: {
-    msg: String
+ 
   }
-}	
+};	
 
 
 
@@ -27,9 +27,9 @@
 
 #postLog {
 	text-align: left;
-	max-height: 500px;
+	height: 500px;
 	width: 150%;
-	overflow-y: scroll;
+	/*overflow-y: scroll;*/
 }
 
 </style>

diff --git a/final/src/main.js b/final/src/main.js
@@ -38,12 +38,12 @@ new Vue({
   }
 }).$mount('#app')
 
-/*var app = new Vue ({
-  el: '#postLog',
+var posts = new Vue ({
+  el: '#postList',
   data: {
     posts: [
-    { message: "first" },
-    { message: "second" },
-    { message: "third" }]
-  }
-})*/
+    { message: 'first' },
+    { message: 'second' },
+    { message: 'third' }],
+  },
+});
diff --git a/final/src/views/Home.vue b/final/src/views/Home.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="home">
 
-    <PlaceholderTweets/>
+    <PlaceholderTweets msg="still works?"/>
 
   </div>
 
@@ -20,5 +20,5 @@ export default {
   mounted() {
     // console.log(db);
   }
-}
+};
 </script>