From 9a919ff9e2c443e69d8edfbe44fcd7dcca184a9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 18 Nov 2021 12:16:01 +0300
Subject: [PATCH] browser example fix

---
 src/views/dock/DockDoc.vue                 | 8 ++++----
 src/views/orderlist/OrderListDoc.vue       | 2 +-
 src/views/selectbutton/SelectButtonDoc.vue | 2 +-
 src/views/tieredmenu/TieredMenuDoc.vue     | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/dock/DockDoc.vue b/src/views/dock/DockDoc.vue
index da88b6ebb..ca21e420d 100644
--- a/src/views/dock/DockDoc.vue
+++ b/src/views/dock/DockDoc.vue
@@ -1023,22 +1023,22 @@ export default {
             <div class="dock-window">
                 <p-dock :model="dockBasicItems" position="bottom">
                     <template #icon="{ item }">
-                        <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                        <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
                     </template>
                 </p-dock>
                 <p-dock :model="dockBasicItems" position="top">
                     <template #icon="{ item }">
-                        <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                        <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
                     </template>
                 </p-dock>
                 <p-dock :model="dockBasicItems" position="left">
                     <template #icon="{ item }">
-                        <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                        <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
                     </template>
                 </p-dock>
                 <p-dock :model="dockBasicItems" position="right">
                     <template #icon="{ item }">
-                        <img :alt="item.label" :src="item.icon" style="width: 100%" />
+                        <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
                     </template>
                 </p-dock>
             </div>
diff --git a/src/views/orderlist/OrderListDoc.vue b/src/views/orderlist/OrderListDoc.vue
index c768db608..8a234e81c 100755
--- a/src/views/orderlist/OrderListDoc.vue
+++ b/src/views/orderlist/OrderListDoc.vue
@@ -454,7 +454,7 @@ export default {
         <script src="./ProductService.js"><\\/script>`,
                     content: `<div id="app">
             <div class="card">
-                <p-orderlist v-model="products" listStyle="height:auto" dataKey="id">
+                <p-orderlist v-model="products" list-style="height:auto" data-key="id">
                     <template #header>
                         List of Products
                     </template>
diff --git a/src/views/selectbutton/SelectButtonDoc.vue b/src/views/selectbutton/SelectButtonDoc.vue
index 0800fb544..7634fe75f 100755
--- a/src/views/selectbutton/SelectButtonDoc.vue
+++ b/src/views/selectbutton/SelectButtonDoc.vue
@@ -290,7 +290,7 @@ export default {
             <p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton>
 
             <h5>Custom Content</h5>
-            <p-selectbutton v-model="value3" :options="justifyOptions" dataKey="value">
+            <p-selectbutton v-model="value3" :options="justifyOptions" data-key="value">
                 <template #option="slotProps">
                     <i :class="slotProps.option.icon"></i>
                 </template>
diff --git a/src/views/tieredmenu/TieredMenuDoc.vue b/src/views/tieredmenu/TieredMenuDoc.vue
index db23948d0..50850580b 100755
--- a/src/views/tieredmenu/TieredMenuDoc.vue
+++ b/src/views/tieredmenu/TieredMenuDoc.vue
@@ -697,12 +697,12 @@ export default {
                             icon:'pi pi-fw pi-plus',
                             items:[
                                 {
-                                label:'Bookmark',
-                                icon:'pi pi-fw pi-bookmark'
+                                    label:'Bookmark',
+                                    icon:'pi pi-fw pi-bookmark'
                                 },
                                 {
-                                label:'Video',
-                                icon:'pi pi-fw pi-video'
+                                    label:'Video',
+                                    icon:'pi pi-fw pi-video'
                                 },
                             ]
                         },