Refactor

doc/accordion/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/accordion.jpg" />
     </div>
 </template>

doc/avatar/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/avatar.jpg" />
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/avatargroup.jpg" />
     </div>

doc/badge/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/badge.jpg" />
     </div>
 </template>

doc/card/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/card.jpg" />
     </div>
 </template>

doc/chip/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/chip.jpg" />
     </div>
 </template>

doc/deferredcontent/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/deferred.jpg" />
     </div>
 </template>

doc/divider/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/divider.jpg" />
     </div>
 </template>

doc/fieldset/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/fieldset.jpg" />
     </div>
 </template>

doc/panel/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/panel.jpg" />
     </div>
 </template>

doc/progressbar/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/progressbar.jpg" />
     </div>
 </template>

doc/progressspinner/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/progressspinner.jpg" />
     </div>
 </template>

doc/scrollpanel/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/scrollpanel.jpg" />
     </div>
 </template>

doc/scrolltop/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/scrolltop.jpg" />
     </div>
 </template>

doc/splitter/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/splitter.jpg" />
     </div>
 </template>

doc/tabview/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/tabview.jpg" />
     </div>
 </template>

doc/tag/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/tag.jpg" />
     </div>
 </template>

doc/terminal/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/terminal.jpg" />
     </div>
 </template>

doc/toolbar/pt/PTImage.vue

@@ -2,7 +2,7 @@
     <DocSectionText v-bind="$attrs">
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
-    <div>
+    <div class="card">
         <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/toolbar.jpg" />
     </div>
 </template>