From 9810bda461a614c85cae39836abb98450d0402f9 Mon Sep 17 00:00:00 2001
From: shuaizhx <shuaix.zhang@intel.com>
Date: Mon, 13 May 2024 11:41:15 +0800
Subject: [PATCH] misc: fix v-model used on props for vue3 make strictly
 checking

I make this change during recent building configurator but got a failure.
The change is to fix the problem caused by vue3's strictly syntax chacking.
It is reported for newly releases only and before v3.2.25 it is a warning.
I follow the error message and suggestion to change the code.
Error message said "v-model cannot be used on a prop,
because local prop bindings are not writable".
Suggestion said "Use v-bind binding combined with v-on listener to emit update"
I ran the build & install procedure to verify the problem was solved.

Signed-off-by: dongpingx <dongpingx.wu@intel.com>
Tracked-On: #8596
---
 .../configurator/packages/configurator/src-tauri/Cargo.lock   | 2 +-
 .../configurator/packages/configurator/src/pages/Config.vue   | 2 +-
 .../packages/configurator/src/pages/Config/ConfigForm.vue     | 4 ++--
 .../packages/configurator/src/pages/Config/NewBoard.vue       | 2 +-
 .../configurator/src/pages/Config/Scenario/NewScenario.vue    | 4 ++--
 .../src/pages/Config/Scenario/OverwriteMessage.vue            | 2 +-
 .../configurator/src/pages/Config/Scenario/SaveScenario.vue   | 4 ++--
 7 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/misc/config_tools/configurator/packages/configurator/src-tauri/Cargo.lock b/misc/config_tools/configurator/packages/configurator/src-tauri/Cargo.lock
index dcbc2c54a..52544737c 100644
--- a/misc/config_tools/configurator/packages/configurator/src-tauri/Cargo.lock
+++ b/misc/config_tools/configurator/packages/configurator/src-tauri/Cargo.lock
@@ -1362,7 +1362,7 @@ dependencies = [
  "futures-sink",
  "futures-util",
  "http",
- "indexmap 2.0.0"
+ "indexmap 2.0.0",
  "slab",
  "tokio",
  "tokio-util",
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config.vue
index 4e679247c..50a604958 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config.vue
@@ -25,7 +25,7 @@
           </div>
         </div>
       </template>
-      <Board v-model:WorkingFolder="WorkingFolder" v-model:board="board" v-model:schemas="schemas"
+      <Board :WorkingFolder="WorkingFolder" v-model:board="board" v-model:schemas="schemas"
              @boardUpdate="boardUpdate"/>
     </b-accordion-item>
 
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm.vue
index 661a76c28..d22d49b63 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/ConfigForm.vue
@@ -31,7 +31,7 @@
     </div>
     <VueForm
         :key="(currentActiveVMID===-1?'HV':`VM${currentActiveVMID}`)+currentFormMode+'ConfigForm'"
-        v-model="currentFormData"
+        :currentFormData="currentFormData"
         :form-props="formProps"
         :ui-schema="uiSchema"
         :schema="currentFormSchema[currentFormMode]"
@@ -248,4 +248,4 @@ export default {
 .notice {
   padding: 1rem 0;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/NewBoard.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/NewBoard.vue
index 696eb5d76..a467f4263 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/NewBoard.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/NewBoard.vue
@@ -1,6 +1,6 @@
 <template>
   <b-modal title="Board XML overwrite" fade no-close-on-backdrop
-           v-model="showModal"
+           :showModal="showModal"
            @cancel="cancel"
            @abort="cancel"
            @close="cancel"
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/NewScenario.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/NewScenario.vue
index 079595d1c..83d5e542b 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/NewScenario.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/NewScenario.vue
@@ -1,6 +1,6 @@
 <template>
   <b-modal id="newScenarioModal" size="xl" title="Create a New Scenario" fade no-close-on-backdrop
-           v-model="showModal"
+           :showModal="showModal"
            @cancel="cancel"
            @abort="cancel"
            @close="cancel"
@@ -132,4 +132,4 @@ export default {
 .vmNum b, .vmNum input {
   flex: 0 1 50%;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/OverwriteMessage.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/OverwriteMessage.vue
index d87fcc09a..f3722cff1 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/OverwriteMessage.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/OverwriteMessage.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <b-modal id="my-modal" no-close-on-backdrop
-             title="Scenario XML Overwrite" v-model="showModal"
+             title="Scenario XML Overwrite" :showModal="showModal"
              @cancel="cancel"
              @hidden="cancel"
              @abort="cancel"
diff --git a/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/SaveScenario.vue b/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/SaveScenario.vue
index 9960da41a..2c5bd47cb 100644
--- a/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/SaveScenario.vue
+++ b/misc/config_tools/configurator/packages/configurator/src/pages/Config/Scenario/SaveScenario.vue
@@ -1,6 +1,6 @@
 <template>
   <b-modal title="ACRN Configurator" ok-only fade
-           v-model="showModal"
+           :showModal="showModal"
            @ok="overWrite"
   >
     <div class="picture">
@@ -64,4 +64,4 @@ export default {
   white-space: pre-line;
 }
 
-</style>
\ No newline at end of file
+</style>