From 1b15a47d713a0700477d9023d4955dbb590db9b9 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Wed, 16 Oct 2024 18:02:18 +0200
Subject: [PATCH] add dynamic data-count attribute

---
 .../add-images-modal/ImagesResources.vue      | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/project/client-brief/add-images-modal/ImagesResources.vue b/src/components/project/client-brief/add-images-modal/ImagesResources.vue
index 346aedb..10e18a4 100644
--- a/src/components/project/client-brief/add-images-modal/ImagesResources.vue
+++ b/src/components/project/client-brief/add-images-modal/ImagesResources.vue
@@ -1,16 +1,23 @@
 <template>
-  <div class="auto-grid | counter" role="grid" multiselectable="true" style="--min: 15rem; --gap: 0.5rem">
+  <div
+    class="auto-grid | counter"
+    role="grid"
+    multiselectable="true"
+    style="--min: 15rem; --gap: 0.5rem"
+  >
     <figure
       v-for="image in tab.images"
       class="image"
       role="gridcell"
       :aria-selected="isSelected(image)"
+      :data-count="
+        tab.selectedImages.includes(image)
+          ? tab.selectedImages.indexOf(image) + 1
+          : undefined
+      "
+      @click="ArrayUtils.toggle(tab.selectedImages, image)"
     >
-      <img
-        :src="image.url"
-        alt=""
-        @click="ArrayUtils.toggle(tab.selectedImages, image)"
-      />
+      <img :src="image.url" :alt="image.alt" />
     </figure>
   </div>
 </template>