API fetch fonctionne

index.html

@@ -29,7 +29,6 @@
         import NavBar from '/src/view/nav-bar.js';
         import TeamCard from '/src/view/team-card.js';
         import NewsCard from '/src/view/news-card.js';
-        import HomeModule from '/src/view/home-module.js';
 
         const app = createApp({
             created(){},
@@ -47,7 +46,6 @@
         });
         app.component('TeamCard', TeamCard);
         app.component('NewsCard',NewsCard);
-        app.component('HomeModule',HomeModule);
         app.component('NavBar', NavBar);
 
         app.mount('#app');

src/class/api-service.js

@@ -7,7 +7,7 @@ class ApiService{
         };
         let response = await fetch(baseUrl, headers);
         let responseJson = await response.json()
-        return responseJson;
+        return responseJson
     }
     async post(link){
         const baseUrl = `${link}`;//edit

src/class/news-service.js

@@ -1,13 +1,13 @@
 class NewsService{
     constructor(){}
 
-    getNews(){
+    async getNews(){
         const url = "https://newsapi.org/v2/everything?q=esport&apiKey=1639059dc5a942089bd2d29db40ee7e7";
         const api = new ApiService()
-        let response = api.get(url);
+        let response = await api.get(url);
         let tab = []
         for (let i = 0; i < 5; i++) {
-            tab.push(response[i]); 
+            tab.push(response.articles[i]); 
         }
         return tab;
     }

src/view/home-module.js

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

src/view/nav-bar.js

@@ -2,7 +2,7 @@ export default{
 	data : function(){
 		return {
 			teams:[],
-            news: [],
+      news: [],
 			id: 1,
 			name:'',
 			description:'',
@@ -23,14 +23,13 @@ export default{
 				this.teamClicked=false;
 			}
 		},
-		clickHome: function() {
+		clickHome: async function() {
 			if(!this.homeClicked){
-                const api = new NewsService();
-				let infos = api.getNews();
-                console.log(infos)
-                this.news = infos
-                this.homeClicked=true;
-				this.teamClicked=false;
+        const api = new NewsService();
+				let infos = await api.getNews();
+        this.news = infos
+        this.homeClicked=true;
+        this.teamClicked=false;
                 
 			}
 			else{
@@ -109,7 +108,9 @@ export default{
 				<span>Results</span>
 			</div>
 
-			<home-module v-if="homeClicked" :news=this.news></home-module>
+      <news-card v-for="info in news" 
+          :title="info.title"
+          :date="info.publishedAt"/>
 
 			<div id="Teams" v-if="teamClicked">
 				<form @submit.prevent>

src/view/news-card.js

@@ -6,7 +6,7 @@ export default{
     template: `
         <article>
             <span>{{title}}</span>
-            <p>{{date}}</p>
+            <p>{{date.replace(/-/gi, "/").replace("Z", "").replace("T"," ").replace(":","h").split(":")[0]}}</p>
         </article>
     `
 }