From fcfeef0770bcb522acc0ed2b87f519db36c2fb66 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 2 Jul 2024 15:37:37 +0300
Subject: [PATCH] Add tooltips

---
 apps/showcase/doc/dock/BasicDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/showcase/doc/dock/BasicDoc.vue b/apps/showcase/doc/dock/BasicDoc.vue
index 8bf20b6e7..41e861844 100644
--- a/apps/showcase/doc/dock/BasicDoc.vue
+++ b/apps/showcase/doc/dock/BasicDoc.vue
@@ -12,7 +12,7 @@
         <div class="dock-window" style="backgroundimage: 'url(https://primefaces.org/cdn/primevue/images/dock/window.jpg)'">
             <Dock :model="items" :position="position">
                 <template #itemicon="{ item }">
-                    <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                    <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
                 </template>
             </Dock>
         </div>
@@ -65,7 +65,7 @@ export default {
                 basic: `
 <Dock :model="items" :position="position">
     <template #itemicon="{ item }">
-        <img :alt="item.label" :src="item.icon" style="width: 100%" />
+        <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
     </template>
 </Dock>
 `,
@@ -81,7 +81,7 @@ export default {
         <div class="dock-window">
             <Dock :model="items" :position="position">
                 <template #itemicon="{ item }">
-                    <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                    <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
                 </template>
             </Dock>
         </div>
@@ -162,7 +162,7 @@ export default {
         <div class="dock-window" style="backgroundimage: 'url(https://primefaces.org/cdn/primevue/images/dock/window.jpg))'">
             <Dock :model="items" :position="position">
                 <template #itemicon="{ item }">
-                    <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                    <img v-tooltip.top="item.label" :alt="item.label" :src="item.icon" style="width: 100%" />
                 </template>
             </Dock>
         </div>