Vue3 migration - vue-migration.js launch + shell compatibility fixes

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Priority.vue

@@ -120,15 +120,13 @@ export default {
         />
       </div>
       <div
-        v-for="(row, idx) in rows"
-        :key="idx"
-      >
+        v-for="(row, idx) in rows" :key="idx">
         <PriorityRow
           :row="row"
           :mode="mode"
           :rows="rows"
           :idx="idx"
-          @input="queueUpdate"
+          @update:value="queueUpdate"
           @remove="remove(idx)"
         />
       </div>

pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/PriorityRow.vue

@@ -187,9 +187,9 @@ export default {
       </span>
       <Select
         v-else
-        v-model="row.project"
+        v-model:value="row.project"
         :options="projectOptions"
-        @input="update"
+        @update:value="update"
       />
     </div>
     <div class="pool-namespace">
@@ -198,9 +198,9 @@ export default {
       </span>
       <Select
         v-else
-        v-model="row.namespace"
+        v-model:value="row.namespace"
         :options="namespaceOptions"
-        @input="update"
+        @update:value="update"
       />
     </div>
     <div
@@ -212,9 +212,9 @@ export default {
       </span>
       <Select
         v-else
-        v-model="row.guestCluster"
+        v-model:value="row.guestCluster"
         :options="guestClusterOptions"
-        @input="update"
+        @update:value="update"
       />
     </div>
     <div v-if="showRemove" class="remove">

pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Range.vue

@@ -101,9 +101,7 @@ export default {
   <div>
     <div v-if="rows.length">
       <div
-        v-for="(row, idx) in rows"
-        :key="idx"
-      >
+        v-for="(row, idx) in rows" :key="idx">
         <div
           class="pool-headers"
           :class="{
@@ -150,7 +148,7 @@ export default {
             </span>
             <input
               v-else
-              v-model="row.subnet"
+              v-model:value="row.subnet"
               type="text"
               @input="queueUpdate"
             />
@@ -163,7 +161,7 @@ export default {
             </span>
             <input
               v-else
-              v-model="row.gateway"
+              v-model:value="row.gateway"
               type="text"
               @input="queueUpdate"
             />
@@ -177,7 +175,7 @@ export default {
             </span>
             <input
               v-else
-              v-model="row.rangeStart"
+              v-model:value="row.rangeStart"
               type="text"
               @input="queueUpdate"
             />
@@ -191,7 +189,7 @@ export default {
             </span>
             <input
               v-else
-              v-model="row.rangeEnd"
+              v-model:value="row.rangeEnd"
               type="text"
               @input="queueUpdate"
             />

pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Selector.vue

@@ -73,11 +73,11 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledSelect
-          v-model="selector.network"
+          v-model:value="selector.network"
           :label="t('harvester.ipPool.network.label')"
           :options="networkOptions"
           :mode="mode"
-          @input="queueUpdate"
+          @update:value="queueUpdate"
         />
       </div>
       <div class="col span-6">
@@ -87,15 +87,15 @@ export default {
           :mode="mode"
           type="number"
           min="0"
-          @input="update"
+          @update:value="update"
         />
       </div>
     </div>
     <Priority
-      v-model="selector.scope"
+      v-model:value="selector.scope"
       class="col span-12"
       :mode="mode"
-      @input="update"
+      @update:value="update"
     />
   </div>
 </template>

pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/index.vue

@@ -98,7 +98,7 @@ export default {
         class="bordered-table"
       >
         <Range
-          v-model="value.spec.ranges"
+          v-model:value="value.spec.ranges"
           class="col span-12"
           :mode="mode"
         />
@@ -110,7 +110,7 @@ export default {
         class="bordered-table"
       >
         <Selector
-          v-model="value.spec.selector"
+          v-model:value="value.spec.selector"
           :mode="mode"
         />
       </Tab>