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

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

pkg/harvester/edit/harvesterhci.io.host/HarvesterDisk.vue

@@ -151,7 +151,7 @@ export default {
 </script>
 
 <template>
-  <div class="disk" @input="update">
+  <div class="disk" @update:value="update">
     <div class="mt-10" />
     <Banner
       v-if="mountedMessage && isProvisioned"
@@ -172,7 +172,7 @@ export default {
       <div class="row">
         <div class="col span-12">
           <DiskTags
-            v-model="value.tags"
+            v-model:value="value.tags"
             :label="t('harvester.host.disk.tags.label')"
             :add-label="t('harvester.host.disk.tags.addLabel')"
             :mode="mode"
@@ -228,7 +228,7 @@ export default {
     <div class="row mt-10">
       <div class="col span-12">
         <LabeledInput
-          v-model="value.displayName"
+          v-model:value="value.displayName"
           :label="t('generic.name')"
           :disabled="true"
         />
@@ -237,7 +237,7 @@ export default {
     <div v-if="(value.isNew && !isFormatted) || isCorrupted" class="row mt-10">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.forceFormatted"
+          v-model:value="value.forceFormatted"
           :mode="mode"
           name="forceFormatted"
           label-key="harvester.host.disk.forceFormatted.label"

pkg/harvester/edit/harvesterhci.io.host/HarvesterKsmtuned.vue

@@ -112,7 +112,7 @@ export default {
 <template>
   <div>
     <LabeledSelect
-      v-model="spec.run"
+      v-model:value="spec.run"
       :label="t('harvester.host.ksmtuned.run')"
       :options="ksmtunedRunOption"
       class="mb-20"
@@ -122,7 +122,7 @@ export default {
 
     <template v-if="showKsmt">
       <UnitInput
-        v-model="spec.thresCoef"
+        v-model:value="spec.thresCoef"
         v-int-number
         :label="t('harvester.host.ksmtuned.thresCoef')"
         suffix="%"
@@ -132,13 +132,13 @@ export default {
         class="mb-20"
       />
 
-      <Checkbox v-model="enableMergeAcrossNodes" :mode="mode" class="check mb-20" type="checkbox" :label="t('harvester.host.ksmtuned.enableMergeNodes')" />
+      <Checkbox v-model:value="enableMergeAcrossNodes" :mode="mode" class="check mb-20" type="checkbox" :label="t('harvester.host.ksmtuned.enableMergeNodes')" />
 
       <h3>
         <t k="harvester.host.ksmtuned.modeLink" :raw="true" />
       </h3>
       <RadioGroup
-        v-model="spec.mode"
+        v-model:value="spec.mode"
         class="mb-20"
         :name="t('harvester.host.ksmtuned.mode')"
         :options="ksmtunedMode"

pkg/harvester/edit/harvesterhci.io.host/HarvesterSeeder.vue

@@ -250,16 +250,14 @@ export default {
   <div>
     <div v-if="inventory.warningMessages.length > 0">
       <Banner
-        v-for="msg in inventory.warningMessages"
-        :key="msg.text"
-        color="error"
+         v-for="(msg, i) in inventory.warningMessages" :key="i" color="error"
         :label="msg.text"
       />
     </div>
     <div class="row">
       <div class="col span-6">
         <RadioGroup
-          v-model="enableInventory"
+          v-model:value="enableInventory"
           :options="[
             { label: t('generic.enabled'), value: true },
             { label: t('generic.disabled'), value: false }
@@ -273,14 +271,14 @@ export default {
       <div class="row mt-10">
         <div class="col span-6">
           <LabeledInput
-            v-model="value.spec.baseboardSpec.connection.host"
+            v-model:value="value.spec.baseboardSpec.connection.host"
             :label="t('harvester.seeder.inventory.host.label')"
             :placeholder="t('harvester.seeder.inventory.host.placeholder')"
             :mode="mode"
             required
           />
           <Checkbox
-            v-model="value.spec.baseboardSpec.connection.insecureTLS"
+            v-model:value="value.spec.baseboardSpec.connection.insecureTLS"
             class="mt-5"
             :mode="mode"
             :label="t('harvester.seeder.inventory.insecureTLS.label')"
@@ -299,7 +297,7 @@ export default {
       <div class="row mt-20">
         <div class="col span-6">
           <LabeledSelect
-            v-model="selectedSecret"
+            v-model:value="selectedSecret"
             :label="t('harvester.seeder.inventory.secret.label')"
             :mode="mode"
             :options="secretOption"
@@ -310,7 +308,7 @@ export default {
       <div class="row mt-20">
         <div class="col span-6">
           <RadioGroup
-            v-model="value.spec.events.enabled"
+            v-model:value="value.spec.events.enabled"
             name="enabled"
             :options="[true, false]"
             :label="t('harvester.seeder.inventory.event.label')"
@@ -323,7 +321,7 @@ export default {
           class="col span-6"
         >
           <LabeledInput
-            v-model="value.spec.events.pollingInterval"
+            v-model:value="value.spec.events.pollingInterval"
             :label="t('harvester.seeder.inventory.pollingInterval.label')"
             :mode="mode"
           />
@@ -344,20 +342,20 @@ export default {
 
         <template #content>
           <NameNsDescription
-            v-model="secret"
+            v-model:value="secret"
             :namespaced="true"
             mode="create"
           />
 
           <LabeledInput
-            v-model="username"
+            v-model:value="username"
             :label="t('harvester.virtualMachine.input.username')"
             class="mb-20"
             required
           />
 
           <LabeledInput
-            v-model="password"
+            v-model:value="password"
             type="password"
             :label="t('harvester.virtualMachine.input.password')"
             class="mb-20"

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

@@ -522,14 +522,14 @@ export default {
       <Tabbed ref="tabbed" class="mt-15" :side-tabs="true">
         <Tab name="basics" :weight="100" :label="t('harvester.host.tabs.basics')">
           <LabeledInput
-            v-model="customName"
+            v-model:value="customName"
             :label="t('harvester.host.detail.customName')"
             class="mb-20"
             :mode="mode"
           />
 
           <LabeledInput
-            v-model="consoleUrl"
+            v-model:value="consoleUrl"
             :label="t('harvester.host.detail.consoleUrl')"
             class="mb-20"
             :mode="mode"
@@ -547,7 +547,7 @@ export default {
           >
             <div class="col span-12">
               <DiskTags
-                v-model="longhornNode.spec.tags"
+                v-model:value="longhornNode.spec.tags"
                 :label="t('harvester.host.tags.label')"
                 :add-label="t('harvester.host.tags.addLabel')"
                 :mode="mode"
@@ -555,13 +555,13 @@ export default {
             </div>
           </div>
           <ArrayListGrouped
-            v-model="newDisks"
+            v-model:value="newDisks"
             :mode="mode"
             :initial-empty-row="false"
           >
             <template #default="props">
               <HarvesterDisk
-                v-model="props.row.value"
+                v-model:value="props.row.value"
                 class="mb-20"
                 :mode="mode"
                 :disks="disks"
@@ -652,7 +652,7 @@ export default {
             :title="t('labels.labels.title')"
             :read-allowed="false"
             :value-can-be-empty="true"
-            @input="updateHostLabels"
+            @update:value="updateHostLabels"
           />
         </Tab>
       </Tabbed>