add all images has .block-image

src/components/PagedJsWrapper.vue

@@ -69,7 +69,9 @@
         :data-page-type="item.template"
       >
         <h4>{{ item.title }}</h4>
-        <img v-if="item.image" :src="item.image" class="carte-image" alt="" />
+        <figure v-if="item.image" class="block-carte">
+          <img :src="item.image" alt="" />
+        </figure>
         <div v-if="item.tags && item.tags.length" class="tags">
           <span v-for="tag in item.tags" :key="tag" class="tag">{{ tag }}</span>
         </div>
@@ -93,7 +95,11 @@
               {{ marker.title }}
             </h5>
             </div>
-            <img v-if="marker.cover" :src="marker.cover" class="marker-cover" alt="" />
+            <ImageBlock
+              v-if="marker.cover"
+              :content="{ url: marker.cover, alt: '' }"
+              :block-id="`${(item.id || '').replace(/[^a-z0-9]/gi, '').slice(-6)}m${idx}`"
+            />
             <template v-if="marker.blocks">
               <component
                 v-for="block in visibleBlocks(marker.blocks)"
@@ -232,11 +238,17 @@ const getBlockComponent = (type) => {
   break-before: page;
 }
 
-.carte-image {
+.block-carte {
   max-width: 100%;
   height: auto;
 }
 
+.block-carte img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+
 .marker {
   margin-top: 1.5rem;
 }
@@ -253,10 +265,4 @@ const getBlockComponent = (type) => {
   flex-shrink: 0;
   object-fit: contain;
 }
-
-.marker-cover {
-  max-width: 100%;
-  height: auto;
-  margin: 0.5rem 0;
-}
 </style>