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

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

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

@@ -222,7 +222,7 @@ export default {
       :searchable="true"
       :taggable="true"
       class="mb-20"
-      @input="updateProvisioner($event)"
+      @update:value="updateProvisioner($event)"
     />
     <Tabbed :side-tabs="true">
       <Tab name="parameters" :label="t('storageClass.parameters.label')" :weight="2">
@@ -238,7 +238,7 @@ export default {
         <div class="row mt-20">
           <div class="col span-6">
             <RadioGroup
-              v-model="value.reclaimPolicy"
+              v-model:value="value.reclaimPolicy"
               name="reclaimPolicy"
               :label="t('storageClass.customize.reclaimPolicy.label')"
               :mode="modeOverride"
@@ -247,7 +247,7 @@ export default {
           </div>
           <div class="col span-6">
             <RadioGroup
-              v-model="value.allowVolumeExpansion"
+              v-model:value="value.allowVolumeExpansion"
               name="allowVolumeExpansion"
               :label="t('storageClass.customize.allowVolumeExpansion.label')"
               :mode="modeOverride"
@@ -258,7 +258,7 @@ export default {
         <div class="row mt-20">
           <div class="col span-6">
             <RadioGroup
-              v-model="value.volumeBindingMode"
+              v-model:value="value.volumeBindingMode"
               name="volumeBindingMode"
               :label="t('storageClass.customize.volumeBindingMode.label')"
               :mode="modeOverride"
@@ -274,7 +274,7 @@ export default {
         :tooltip="t('harvester.storage.allowedTopologies.tooltip')"
       >
         <ArrayList
-          v-model="allowedTopologies"
+          v-model:value="allowedTopologies"
           :default-add-value="defaultAddValue"
           :initial-empty-row="true"
           :show-header="true"
@@ -297,14 +297,14 @@ export default {
             <div class="row custom-headers">
               <div class="col span-4 key">
                 <LabeledInput
-                  v-model="scope.row.value.key"
+                  v-model:value="scope.row.value.key"
                   :required="true"
                   :mode="modeOverride"
                 />
               </div>
               <div class="col span-8 value">
                 <DiskTags
-                  v-model="scope.row.value.values"
+                  v-model:value="scope.row.value.values"
                   :add-label="t('generic.add')"
                   :mode="modeOverride"
                 />

pkg/harvester/edit/harvesterhci.io.storage/provisioners/custom.vue

@@ -17,7 +17,7 @@ export default {
 </script>
 <template>
   <KeyValue
-    v-model="value.parameters"
+    v-model:value="value.parameters"
     :add-label="t('storageClass.custom.addLabel')"
     :read-allowed="false"
     :mode="mode"

pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io.vue

@@ -168,7 +168,7 @@ export default {
     <div class="row">
       <div class="col span-6">
         <LabeledInput
-          v-model="numberOfReplicas"
+          v-model:value="numberOfReplicas"
           :label="t('harvester.storage.parameters.numberOfReplicas.label')"
           :required="true"
           :mode="mode"
@@ -179,7 +179,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.parameters.staleReplicaTimeout"
+          v-model:value="value.parameters.staleReplicaTimeout"
           :label="t('harvester.storage.parameters.staleReplicaTimeout.label')"
           :required="true"
           :mode="mode"
@@ -190,7 +190,7 @@ export default {
     <div class="row mt-10">
       <div class="col span-6">
         <LabeledSelect
-          v-model="nodeSelector"
+          v-model:value="nodeSelector"
           :label="t('harvester.storage.parameters.nodeSelector.label')"
           :options="nodeTags"
           :taggable="true"
@@ -206,7 +206,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledSelect
-          v-model="diskSelector"
+          v-model:value="diskSelector"
           :label="t('harvester.storage.parameters.diskSelector.label')"
           :options="diskTags"
           :taggable="true"
@@ -224,7 +224,7 @@ export default {
     <div class="row mt-10">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.parameters.migratable"
+          v-model:value="value.parameters.migratable"
           name="layer3NetworkMode"
           :label="t('harvester.storage.parameters.migratable.label')"
           :mode="mode"
@@ -233,7 +233,7 @@ export default {
       </div>
     </div>
     <KeyValue
-      v-model="parameters"
+      v-model:value="parameters"
       :add-label="t('storageClass.longhorn.addLabel')"
       :read-allowed="false"
       :mode="mode"