diff --git a/pages/panelmenu/PanelMenuDoc.vue b/pages/panelmenu/PanelMenuDoc.vue
index 301782817..1a5b79640 100755
--- a/pages/panelmenu/PanelMenuDoc.vue
+++ b/pages/panelmenu/PanelMenuDoc.vue
@@ -681,7 +681,7 @@ export default {
             <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" class="mr-2" />
             <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
             </div>
-        <PanelMenu :model="items" :expandedKeys="expandedKeys" />
+        <PanelMenu :model="items" v-model:expandedKeys="expandedKeys" />
     </div>
 </template>
 
@@ -867,7 +867,7 @@ export default {
             <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" class="mr-2" />
             <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
             </div>
-        <PanelMenu :model="items" :expandedKeys="expandedKeys" />
+        <PanelMenu :model="items" v-model:expandedKeys="expandedKeys" />
     </div>
 </template>
 
@@ -1053,7 +1053,7 @@ export default {
                 <p-button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" class="mr-2"></p-button>
                 <p-button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll"></p-button>
                 </div>
-            <p-panelmenu :model="items" :expanded-keys="expandedKeys"></p-panelmenu>
+            <p-panelmenu :model="items" v-model:expanded-keys="expandedKeys"></p-panelmenu>
         </div>
 
         <script type="module">
diff --git a/pages/tree/TreeDoc.vue b/pages/tree/TreeDoc.vue
index 33960cdf5..8c1136b5b 100755
--- a/pages/tree/TreeDoc.vue
+++ b/pages/tree/TreeDoc.vue
@@ -212,7 +212,7 @@ export default class NodeService {
     &lt;Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" /&gt;
     &lt;Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" /&gt;
 &lt;/div&gt;
-&lt;Tree :value="nodes" :expandedKeys="expandedKeys"&gt;&lt;/Tree&gt;
+&lt;Tree :value="nodes" v-model:expandedKeys="expandedKeys"&gt;&lt;/Tree&gt;
 
 </code></pre>
 
@@ -894,7 +894,7 @@ export default {
             <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" />
             <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
         </div>
-        <Tree :value="nodes" :expandedKeys="expandedKeys"></Tree>
+        <Tree :value="nodes" v-model:expandedKeys="expandedKeys"></Tree>
     </div>
 </template>
 
@@ -958,7 +958,7 @@ export default {
             <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" />
             <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
         </div>
-        <Tree :value="nodes" :expandedKeys="expandedKeys"></Tree>
+        <Tree :value="nodes" v-model:expandedKeys="expandedKeys"></Tree>
     </div>
 </template>
 
@@ -1018,7 +1018,7 @@ export default {
                 <p-button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll"></p-button>
                 <p-button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll"></p-button>
             </div>
-            <p-tree :value="nodes" :expanded-keys="expandedKeys"></p-tree>
+            <p-tree :value="nodes" v-model:expanded-keys="expandedKeys"></p-tree>
         </div>
 
         <script type="module">
diff --git a/pages/tree/index.vue b/pages/tree/index.vue
index 614d3dab5..762460035 100755
--- a/pages/tree/index.vue
+++ b/pages/tree/index.vue
@@ -23,7 +23,7 @@
                     <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" />
                     <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
                 </div>
-                <Tree :value="nodes" :expandedKeys="expandedKeys"></Tree>
+                <Tree v-model:expandedKeys="expandedKeys" :value="nodes"></Tree>
             </div>
         </div>
 
diff --git a/pages/treetable/TreeTableDoc.vue b/pages/treetable/TreeTableDoc.vue
index 1dc61700f..8269d89ab 100755
--- a/pages/treetable/TreeTableDoc.vue
+++ b/pages/treetable/TreeTableDoc.vue
@@ -647,7 +647,7 @@ export default {
     &lt;Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" /&gt;
     &lt;Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" /&gt;
 &lt;/div&gt;
-&lt;TreeTable :value="nodes" :expandedKeys="expandedKeys"&gt;
+&lt;TreeTable :value="nodes" v-model:expandedKeys="expandedKeys"&gt;
     &lt;Column field="name" header="Name" :expander="true"&gt;&lt;/Column&gt;
     &lt;Column field="size" header="Size"&gt;&lt;/Column&gt;
     &lt;Column field="type" header="Type"&gt;&lt;/Column&gt;
@@ -1917,7 +1917,7 @@ export default {
                 <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" />
                 <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
             </div>
-            <TreeTable :value="nodes" :expandedKeys="expandedKeys">
+            <TreeTable :value="nodes" v-model:expandedKeys="expandedKeys">
                 <Column field="name" header="Name" :expander="true"></Column>
                 <Column field="size" header="Size"></Column>
                 <Column field="type" header="Type"></Column>
@@ -2008,7 +2008,7 @@ button {
                 <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" />
                 <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
             </div>
-            <TreeTable :value="nodes" :expandedKeys="expandedKeys">
+            <TreeTable :value="nodes" v-model:expandedKeys="expandedKeys">
                 <Column field="name" header="Name" :expander="true"></Column>
                 <Column field="size" header="Size"></Column>
                 <Column field="type" header="Type"></Column>
@@ -2093,7 +2093,7 @@ button {
                     <p-button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll"></p-button>
                     <p-button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll"></p-button>
                 </div>
-                <p-treetable :value="nodes" :expanded-keys="expandedKeys">
+                <p-treetable :value="nodes" v-model:expanded-keys="expandedKeys">
                     <p-column field="name" header="Name" :expander="true"></p-column>
                     <p-column field="size" header="Size"></p-column>
                     <p-column field="type" header="Type"></p-column>
diff --git a/pages/treetable/index.vue b/pages/treetable/index.vue
index 5f08ad60d..be692f6f1 100755
--- a/pages/treetable/index.vue
+++ b/pages/treetable/index.vue
@@ -36,7 +36,7 @@
                     <Button type="button" icon="pi pi-plus" label="Expand All" @click="expandAll" />
                     <Button type="button" icon="pi pi-minus" label="Collapse All" @click="collapseAll" />
                 </div>
-                <TreeTable :value="nodes" :expandedKeys="expandedKeys">
+                <TreeTable v-model:expandedKeys="expandedKeys" :value="nodes">
                     <Column field="name" header="Name" :expander="true"></Column>
                     <Column field="size" header="Size"></Column>
                     <Column field="type" header="Type"></Column>