diff --git a/front/MyINPulse-front/src/views/AdminMain.vue b/front/MyINPulse-front/src/views/AdminMain.vue
index 2f5c4fc..657425c 100644
--- a/front/MyINPulse-front/src/views/AdminMain.vue
+++ b/front/MyINPulse-front/src/views/AdminMain.vue
@@ -24,37 +24,27 @@ import ProjectComp from '../components/Project-comp.vue';
     
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 
-export default {
-  name: "App",
-  components: {
-    Header,
-    ProjectComp,
+import { ref } from "vue";
+
+const projects = ref([
+  {
+    name: "Projet Alpha",
+    link: "/project-alpha.html", // to test
+    members: ["Alice", "Bob", "Charlie"],
   },
-  data() {
-    return {
-      projects: [
-        {
-          name: "Projet Alpha",
-          link: "/project-alpha.html", // to test
-          members: ["Alice", "Bob", "Charlie"],
-        },
-        {
-          name: "Projet Beta",
-          link: "./project-beta.html", // to test
-          members: ["David", "Eve", "Frank"],
-        },
-      ], 
-
-      rendezVous: [ 
-        { projectName: "Projet Alpha", date: "2025-03-10", lieu: "P106" },
-        { projectName: "Projet Beta", date: "2025-04-15", lieu: "Td10" },
-      ],
-    };
+  {
+    name: "Projet Beta",
+    link: "./project-beta.html", // to test
+    members: ["David", "Eve", "Frank"],
   },
-};
+]);
 
+const rendezVous = ref([
+  { projectName: "Projet Alpha", date: "2025-03-10", lieu: "P106" },
+  { projectName: "Projet Beta", date: "2025-04-15", lieu: "Td10" },
+]);
 
 </script>