edit: ménage dans public + ajout de DATA pour modif des messages depuis le serveur dans des .json

v1-com-officielle/src/data/msgData.js

@@ -0,0 +1,10 @@
+//ecrire les messages dans /public/DATA/msgData.json avec 6 paramètres : title, content, likes, going, isSelected, isEvent
+// like & going à 0 par défaut (fonctionnel)
+// isLiked & isGoing local pour cette session: false par default (fonctionnel)
+// isSelected: false par défault (fonctionnel)
+// wasRead: false par défault (fonctionnel)
+// isEvent: true si le message concerne un évènement
+export async function loadMsgData() {
+  const data = await fetch('/DATA/msgData.json');
+  return await data.json();
+}

v1-com-officielle/src/infoComponents/InboxContent.vue

@@ -1,6 +1,6 @@
 <script setup>
   import CloseIcon from '../assets/icons/close.svg'
-  import { msgDataList } from '../msgData.js'
+  import { loadMsgData } from '@/data/msgData.js'
 </script>
 
 <template>
@@ -226,7 +226,7 @@
     },
     data(){
       return{
-          msgList: [...msgDataList],
+          msgList: [],
           msgNumber: 0,
           selectedMsg: {
             title: '',
@@ -242,7 +242,9 @@
           }
       }
     },
-    mounted(){
+    async mounted(){
+      this.msgList = await loadMsgData();
+      console.log(this.msgList);
       this.msgNumber = this.msgList.length
       console.log("Inbox content is loaded!");
     }

v1-com-officielle/src/msgData.js

@@ -1,44 +0,0 @@
-//ecrire les messages ici avec 6 paramètres : title, content, likes, going, isSelected, isEvent
-// like & going à 0 par défaut (fonctionnel)
-// isLiked & isGoing local pour cette session: false par default (fonctionnel)
-// isSelected: false par défault (fonctionnel)
-// wasRead: false par défault (fonctionnel)
-// isEvent: true si le message concerne un évènement
-export const msgDataList  = [
-  {
-    title: 'Atelier Meetup 1/3',
-    date: '21/03',
-    content: 'Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. \n\n Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.',
-    like: 0,
-    isLiked: false,
-    going: 0,
-    isGoing: false,
-    wasRead: false,
-    isSelected: false,
-    isEvent: true
-  },
-  {
-    title: 'Atelier Meetup 1/3',
-    date: '21/03',
-    content: 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-    like: 1,
-    isLiked: false,
-    going: 161,
-    isGoing: false,
-    isSelected: false,
-    wasRead: false,
-    isEvent: false
-  },
-  {
-    title: 'test00333',
-    date: '21/03',
-    content: 'Lorem ipsum dolor sit amet consectetur adipiscing elit. Lorem ipsum dolor sit amet consectetur adipiscing elit',
-    like: 333,
-    isLiked: false,
-    going: 0,
-    isGoing: false,
-    isSelected: false,
-    wasRead: false,
-    isEvent: true
-  }
-]