diff --git a/components/lib/contextmenu/ContextMenu.d.ts b/components/lib/contextmenu/ContextMenu.d.ts
index c2dce9b44..cb1d57443 100755
--- a/components/lib/contextmenu/ContextMenu.d.ts
+++ b/components/lib/contextmenu/ContextMenu.d.ts
@@ -60,14 +60,14 @@ export interface ContextMenuPassThroughOptions {
      * Uses to pass attributes to the submenu icon's DOM element.
      */
     submenuIcon?: ContextMenuPassThroughOptionType;
-    /**
-     * Uses to pass attributes to the submenu's DOM element.
-     */
-    submenu?: ContextMenuPassThroughOptionType;
     /**
      * Uses to pass attributes to the separator's DOM element.
      */
     separator?: ContextMenuPassThroughOptionType;
+    /**
+     * Uses to pass attributes to the submenu's DOM element.
+     */
+    submenu?: ContextMenuPassThroughOptionType;
 }
 
 /**
diff --git a/doc/autocomplete/pt/PTImage.vue b/doc/autocomplete/pt/PTImage.vue
index 9ac50d6b4..5fd86d5f3 100644
--- a/doc/autocomplete/pt/PTImage.vue
+++ b/doc/autocomplete/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/autocomplete.jpg" />
     </div>
 </template>
diff --git a/doc/breadcrumb/pt/PTImage.vue b/doc/breadcrumb/pt/PTImage.vue
index 9ac50d6b4..c8d224791 100644
--- a/doc/breadcrumb/pt/PTImage.vue
+++ b/doc/breadcrumb/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/breadcrumb.jpg" />
     </div>
 </template>
diff --git a/doc/checkbox/pt/PTImage.vue b/doc/checkbox/pt/PTImage.vue
index 9ac50d6b4..c07b89666 100644
--- a/doc/checkbox/pt/PTImage.vue
+++ b/doc/checkbox/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/checkbox.jpg" />
     </div>
 </template>
diff --git a/doc/contextmenu/pt/PTImage.vue b/doc/contextmenu/pt/PTImage.vue
index 9ac50d6b4..86ccb196d 100644
--- a/doc/contextmenu/pt/PTImage.vue
+++ b/doc/contextmenu/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/contextmenu.jpg" />
     </div>
 </template>
diff --git a/doc/dock/pt/PTImage.vue b/doc/dock/pt/PTImage.vue
index 9ac50d6b4..94c94a992 100644
--- a/doc/dock/pt/PTImage.vue
+++ b/doc/dock/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/dock.jpg" />
     </div>
 </template>
diff --git a/doc/inputmask/pt/PTImage.vue b/doc/inputmask/pt/PTImage.vue
index 9ac50d6b4..84c3ab283 100644
--- a/doc/inputmask/pt/PTImage.vue
+++ b/doc/inputmask/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/inputmask.jpg" />
     </div>
 </template>
diff --git a/doc/inputnumber/pt/PTImage.vue b/doc/inputnumber/pt/PTImage.vue
index 9ac50d6b4..c106bf166 100644
--- a/doc/inputnumber/pt/PTImage.vue
+++ b/doc/inputnumber/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/inputnumber.jpg" />
     </div>
 </template>
diff --git a/doc/inputswitch/pt/PTImage.vue b/doc/inputswitch/pt/PTImage.vue
index 9ac50d6b4..60ede1567 100644
--- a/doc/inputswitch/pt/PTImage.vue
+++ b/doc/inputswitch/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/inputswitch.jpg" />
     </div>
 </template>
diff --git a/doc/inputtext/pt/PTImage.vue b/doc/inputtext/pt/PTImage.vue
index 9ac50d6b4..0b3d4b84b 100644
--- a/doc/inputtext/pt/PTImage.vue
+++ b/doc/inputtext/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/inputtext.jpg" />
     </div>
 </template>
diff --git a/doc/megamenu/pt/PTImage.vue b/doc/megamenu/pt/PTImage.vue
index 9ac50d6b4..a624d52c5 100644
--- a/doc/megamenu/pt/PTImage.vue
+++ b/doc/megamenu/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/megamenu.jpg" />
     </div>
 </template>
diff --git a/doc/menu/pt/PTImage.vue b/doc/menu/pt/PTImage.vue
index 9ac50d6b4..2d477eff4 100644
--- a/doc/menu/pt/PTImage.vue
+++ b/doc/menu/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/menu.jpg" />
     </div>
 </template>
diff --git a/doc/menubar/pt/PTImage.vue b/doc/menubar/pt/PTImage.vue
index 9ac50d6b4..a1c257ba3 100644
--- a/doc/menubar/pt/PTImage.vue
+++ b/doc/menubar/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/menubar.jpg" />
     </div>
 </template>
diff --git a/doc/panelmenu/pt/PTImage.vue b/doc/panelmenu/pt/PTImage.vue
index 9ac50d6b4..6e0ffa0bc 100644
--- a/doc/panelmenu/pt/PTImage.vue
+++ b/doc/panelmenu/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/panelmenu.jpg" />
     </div>
 </template>
diff --git a/doc/steps/pt/PTImage.vue b/doc/steps/pt/PTImage.vue
index 9ac50d6b4..a0f7288c3 100644
--- a/doc/steps/pt/PTImage.vue
+++ b/doc/steps/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/steps.jpg" />
     </div>
 </template>
diff --git a/doc/tabmenu/pt/PTImage.vue b/doc/tabmenu/pt/PTImage.vue
index 9ac50d6b4..e3a058cdf 100644
--- a/doc/tabmenu/pt/PTImage.vue
+++ b/doc/tabmenu/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/tabmenu.jpg" />
     </div>
 </template>
diff --git a/doc/textarea/pt/PTImage.vue b/doc/textarea/pt/PTImage.vue
index 9ac50d6b4..a54b9af4e 100644
--- a/doc/textarea/pt/PTImage.vue
+++ b/doc/textarea/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/textarea.jpg" />
     </div>
 </template>
diff --git a/doc/tieredmenu/pt/PTImage.vue b/doc/tieredmenu/pt/PTImage.vue
index 9ac50d6b4..0ab157667 100644
--- a/doc/tieredmenu/pt/PTImage.vue
+++ b/doc/tieredmenu/pt/PTImage.vue
@@ -3,6 +3,6 @@
         <p>{{ $attrs.description }}</p>
     </DocSectionText>
     <div class="card">
-        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/wireframe-placeholder.jpg" />
+        <img class="w-full" src="https://primefaces.org/cdn/primevue/images/pt/tieredmenu.jpg" />
     </div>
 </template>