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

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

pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/HealthCheck.vue

@@ -57,7 +57,7 @@ export default {
     <div class="row">
       <div class="col span-6">
         <RadioGroup
-          v-model="healthCheckEnabled"
+          v-model:value="healthCheckEnabled"
           :mode="mode"
           name="healthCheckEnabled"
           :labels="[t('generic.disabled'),t('generic.enabled')]"
@@ -71,7 +71,7 @@ export default {
       <div class="row mt-10">
         <div v-if="healthCheckEnabled" class="col span-6">
           <LabeledSelect
-            v-model="value.port"
+            v-model:value="value.port"
             :mode="mode"
             :options="portOptions"
             required

pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/Listeners.vue

@@ -127,9 +127,7 @@ export default {
         />
       </div>
       <div
-        v-for="(row, idx) in rows"
-        :key="idx"
-        class="listener-row"
+        v-for="(row, idx) in rows" :key="idx"class="listener-row"
       >
         <div class="port-name">
           <span v-if="isView">
@@ -150,7 +148,7 @@ export default {
           </span>
           <Select
             v-else
-            v-model="row.protocol"
+            v-model:value="row.protocol"
             :options="protocolOptions"
             @input="queueUpdate"
           />

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

@@ -254,7 +254,7 @@ export default {
         <div class="row">
           <div class="col span-6">
             <LabeledSelect
-              v-model="value.spec.ipam"
+              v-model:value="value.spec.ipam"
               :label="t('harvester.loadBalancer.ipam.label')"
               :options="ipamOption"
               :mode="mode"
@@ -265,11 +265,11 @@ export default {
             class="col span-6"
           >
             <LabeledSelect
-              v-model="value.spec.ipPool"
+              v-model:value="value.spec.ipPool"
               :label="t('harvester.loadBalancer.ipPool.label')"
               :options="ipPoolOptions"
               :mode="mode"
-              @input="update"
+              @update:value="update"
             />
           </div>
         </div>
@@ -288,7 +288,7 @@ export default {
           <span v-clean-html="healthCheckPortInUseWarning" />
         </Banner>
         <Listeners
-          v-model="value.spec.listeners"
+          v-model:value="value.spec.listeners"
           class="col span-12"
           :mode="mode"
         />
@@ -308,7 +308,7 @@ export default {
           </div>
         </div>
         <KeyValue
-          v-model="backendServerSelector"
+          v-model:value="backendServerSelector"
           :mode="mode"
           :read-allowed="false"
           :initial-empty-row="true"
@@ -322,7 +322,7 @@ export default {
         class="bordered-table"
       >
         <HealthCheck
-          v-model="value.spec.healthCheck"
+          v-model:value="value.spec.healthCheck"
           :mode="mode"
           :model="value"
           @enabled="healthCheckEnabled"
@@ -378,7 +378,7 @@ export default {
       height: 100%;
     }
 
-    .port-protocol ::v-deep {
+    .port-protocol :deep() {
       .unlabeled-select {
         .v-select.inline {
           margin-top: 2px;