From e27fab355342e8d8f5af021133ce1ae0f292a059 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 10 Sep 2024 09:16:46 +0200
Subject: [PATCH] dynamize menu projects

---
 src/components/Menu.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 08d5bed..7e599dd 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -53,17 +53,17 @@
       <details open>
         <summary>Projets en cours</summary>
         <ul>
-          <li><a href="#" class="new">Miss Dior Blooming Bouquet</a></li>
-          <li><a href="#">Dior J’adore</a></li>
-          <li><a href="#">Gris Dior</a></li>
-          <li><a href="#">Sauvage 60ml</a></li>
+          <li v-for="project in currentProjects">
+            <a :href="project.url" class="new">{{ project.title }}</a>
+          </li>
         </ul>
       </details>
       <details>
         <summary>Projets archivés</summary>
         <ul>
-          <li><a href="#">Titre projet archivé 1</a></li>
-          <li><a href="#">Titre projet archivé 2</a></li>
+          <li v-for="project in archivedProjects">
+            <a :href="project.url" class="new">{{ project.title }}</a>
+          </li>
         </ul>
       </details>
     </nav>
@@ -81,9 +81,12 @@
 </template>
 
 <script setup>
+import { storeToRefs } from "pinia";
 import { ref } from "vue";
+import { useProjectsStore } from "../stores/projects";
 
 const isExpanded = ref(true);
+const { currentProjects, archivedProjects } = storeToRefs(useProjectsStore());
 
 const mainItems = [
   {