fix #52

src/components/Menu.vue

@@ -42,6 +42,7 @@
           <router-link
             :to="mainItem.path"
             :aria-current="isCurrent(mainItem)"
+            @click="collapse()"
             >{{ mainItem.title }}</router-link
           >
           <span
@@ -61,6 +62,7 @@
             <router-link
               :to="project.uri"
               :class="hasUnreadNotification(project) ? 'new' : undefined"
+              @click="collapse()"
               >{{ project.title }}</router-link
             >
           </li>
@@ -73,7 +75,9 @@
             v-for="project in archivedProjects"
             :class="{ active: isCurrent(project) }"
           >
-            <router-link :to="project.uri">{{ project.title }}</router-link>
+            <router-link :to="project.uri" @click="collapse()">{{
+              project.title
+            }}</router-link>
           </li>
         </ul>
       </details>
@@ -81,10 +85,10 @@
     <footer class="w-full">
       <ul class="flex">
         <li data-icon="user" v-if="user?.role !== 'client'">
-          <router-link to="/profil">Profil</router-link>
+          <router-link to="/profil" @click="collapse()">Profil</router-link>
         </li>
         <li data-icon="logout">
-          <a href="/logout">Déconnexion</a>
+          <a href="/logout" @click="collapse()">Déconnexion</a>
         </li>
       </ul>
     </footer>
@@ -145,6 +149,12 @@ function isCurrent(navItem) {
 function hasUnreadNotification(project) {
   return false;
 }
+
+function collapse() {
+  if (window.innerWidth < 1024) {
+    isExpanded.value = false;
+  }
+}
 </script>
 
 <style>

src/stores/addImagesModal.js

@@ -62,5 +62,10 @@ export const useAddImagesModalStore = defineStore("add-images-modal", () => {
     images.value = tabs.value[2].images = json.page.images;
   });
 
+  api.fetchData("inspirations").then((json) => {
+    console.log(json);
+    images.value = tabs.value[3].images = json.page.images;
+  });
+
   return { images, activeTabId, tabs, activeTab };
 });