fix + feat: api test + error fix

front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue

@@ -17,39 +17,35 @@
 </template>
 
 
-<script>
+<script setup>
+import { ref, onMounted } from "vue";
 import axios from "axios";
 
-export default {
-  data() {
-    return {
-      isDropdownOpen: false,
-      entrepreneurEmails: [],
-    };
-  },
-  methods: {
-    toggleDropdown() {
-      this.isDropdownOpen = !this.isDropdownOpen;
-      console.log("Dropdown toggled:", this.isDropdownOpen); //for debug purposes
-    },
-    async fetchEntrepreneurs() {
-      try {
-        const response = await axios.get("http://localhost:5000/entrepreneurs");
-        this.entrepreneurEmails = response.data.map(e => e.email);
-      } catch (error) {
-        console.error("Erreur lors de la récupération des entrepreneurs:", error);
-      }
-    },
-    contactAll() {
-      alert("Contacter tous les entrepreneurs : " + this.entrepreneurEmails.join(", "));
-    },
-  },
-  mounted() {
-    this.fetchEntrepreneurs();
-  },
+const isDropdownOpen = ref(false);
+const entrepreneurEmails = ref([]);
+
+const toggleDropdown = () => {
+  isDropdownOpen.value = !isDropdownOpen.value;
+  console.log("Dropdown toggled:", isDropdownOpen.value); // for debug purposes
 };
+
+const fetchEntrepreneurs = async () => {
+  try {
+    const response = await axios.get("http://localhost:5000/entrepreneurs");
+    entrepreneurEmails.value = response.data.map(e => e.email);
+  } catch (error) {
+    console.error("Erreur lors de la récupération des entrepreneurs:", error);
+  }
+};
+
+const contactAll = () => {
+  alert("Contacter tous les entrepreneurs : " + entrepreneurEmails.value.join(", "));
+};
+
+onMounted(fetchEntrepreneurs);
 </script>
 
+
 <style scoped>
 
 header {