module home

index.html

@@ -45,10 +45,10 @@
 
             }
         });
-        app.component('NavBar', NavBar);
         app.component('TeamCard', TeamCard);
         app.component('NewsCard',NewsCard);
         app.component('HomeModule',HomeModule);
+        app.component('NavBar', NavBar);
 
         app.mount('#app');
     </script>

src/view/home-module.js

@@ -1,12 +1,16 @@
 export default{
+    props:{
+        news:[]
+    },
     data:function(){
-        return{
+        return {}
-
-        }
     },
     methods:{
-
     },
-    layout:`
+    template:`
+        <h2>Home</h2>
+        <div id="Teams" v-for="nouv in news">
+        <news-card title="nouv.title" date="nouv.publishedAt"/>
+        </div>
     `
 }

src/view/nav-bar.js

@@ -25,8 +25,9 @@ export default{
 		},
 		clickHome: function() {
 			if(!this.homeClicked){
-                const api = NewsService();
+                const api = new NewsService();
-                this.news = api.get();
+                this.news = api.getNews();
+				console.log(this.news);
 				this.homeClicked=true;
 				this.teamClicked=false;
 			}
@@ -113,12 +114,8 @@ export default{
 				<span @click="clickTeams" style="cursor: pointer">Teams</span>
 				<span>Results</span>
 			</div>
-			<div id="Home" v-if="homeClicked">
+
-				<h2>Homeee</h2>
+			<home-module v-if="homeClicked" :news=this.news></home-module>
-                <div id="Teams" v-for="new in news">
-                    <news-card title="new.title" date="new.publishedAt"/>
-				</div>
-			</div>
 
 			<div id="Teams" v-if="teamClicked">
 				<form @submit.prevent>