Add counter on selected items

src/components/project/client-brief/add-images-modal/AddImagesModal.vue

@@ -84,7 +84,6 @@ const deleteIsOpen = false;
 <style>
 #add-images {
   --sidebar-width: 12.5rem;
-  counter-set: selected-images;
   width: min(100vw - var(--gutter) * 2, 100rem);
   height: min(100vh - var(--gutter) * 2, 60rem);
   padding-top: var(--space-16);
@@ -121,25 +120,9 @@ const deleteIsOpen = false;
   aspect-ratio: 1/1;
 }
 #add-images .image {
-  counter-increment: selected-images;
   aspect-ratio: 1/1;
   border-radius: var(--rounded-xl);
 }
-#add-images .image::after {
-  content: counter(selected-images);
-  top: var(--space-12);
-  right: var(--space-12);
-  border-radius: 50%;
-  color: var(--color-white);
-  font-weight: 700;
-  background: var(--color-grey-800);
-  mask: none;
-  display: grid;
-  place-items: center;
-  text-align: center;
-  width: 1.5rem;
-  height: 1.5rem;
-}
 #add-images .image img {
   height: 100%;
   width: 100%;

src/components/project/client-brief/add-images-modal/ImagesResources.vue

@@ -1,9 +1,10 @@
 <template>
-  <div class="auto-grid" 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"
-      :class="{ selected: isSelected(image) }"
+      role="gridcell"
+      :aria-selected="isSelected(image)"
     >
       <img
         :src="image.url"

src/components/project/client-brief/add-images-modal/MyImages.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="auto-grid" style="--min: 15rem; --gap: 0.5rem">
+  <div class="auto-grid | counter" role="grid" multiselectable="true" style="--min: 15rem; --gap: 0.5rem">
     <FileUpload
       mode="basic"
       name="images[]"
@@ -44,7 +44,8 @@
     <figure
       v-for="image in tab.images"
       class="image"
-      :class="{ selected: isSelected(image) }"
+      role="gridcell"
+      :aria-selected="isSelected(image)"
     >
       <img
         :src="image.url"