From 5888f1d9e97379f7abc1494520a0ebb6c9362399 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Fri, 30 Dec 2022 14:46:09 +0300
Subject: [PATCH] Passing computed value as a model prop fixed

---
 components/panelmenu/PanelMenu.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/panelmenu/PanelMenu.vue b/components/panelmenu/PanelMenu.vue
index 5d129b366..27c905bea 100755
--- a/components/panelmenu/PanelMenu.vue
+++ b/components/panelmenu/PanelMenu.vue
@@ -1,6 +1,6 @@
 <template>
     <div :id="id" class="p-panelmenu p-component">
-        <template v-for="(item, index) of model" :key="getPanelKey(index)">
+        <template v-for="(item, index) of items" :key="getPanelKey(index)">
             <div v-if="isItemVisible(item)" :style="getItemProp(item, 'style')" :class="getPanelClass(item)">
                 <div
                     :id="getHeaderId(index)"
@@ -70,9 +70,18 @@ export default {
     },
     data() {
         return {
-            activeItem: null
+            activeItem: null,
+            items: null
         };
     },
+    watch: {
+        model: {
+            immediate: true,
+            handler(newValue) {
+                this.items = reactive(newValue);
+            }
+        }
+    },
     methods: {
         getItemProp(item, name) {
             return item ? ObjectUtils.getItemValue(item[name]) : undefined;