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

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

pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineBasics.vue

@@ -182,7 +182,7 @@ export default {
         <div class="col span-6">
           <LabelValue :name="t('harvester.virtualMachine.detail.details.ipAddress')">
             <template #value>
-              <HarvesterIpAddress v-model="value.id" :row="value" />
+              <HarvesterIpAddress v-model:value="value.id" :row="value" />
             </template>
           </LabelValue>
         </div>
@@ -201,7 +201,7 @@ export default {
           <InputOrDisplay :name="t('harvester.virtualMachine.detail.details.bootOrder')" :value="disks" :mode="mode">
             <template #value>
               <ul>
-                <li v-for="(disk) in disks" :key="disk.bootOrder">
+                <li  v-for="(disk, i) in disks" :key="i" >
                   {{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
                 </li>
               </ul>
@@ -213,7 +213,7 @@ export default {
             <template #value>
               <div>
                 <ul v-if="cdroms.length > 0">
-                  <li v-for="(rom) in cdroms" :key="rom.name">
+                  <li  v-for="(rom, i) in cdroms" :key="i" >
                     {{ rom.name }}
                   </li>
                 </ul>

pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs.vue

@@ -66,7 +66,7 @@ export default {
 
 <template>
   <div class="overview-sshKeys">
-    <div v-for="(ssh, index) in sshKeys" :key="index" class="row overview-sshKeys__item">
+    <div v-for="(ssh, index) in sshKeys" :key="index">
       <div class="col span-4">
         {{ ssh.id }}
       </div>

pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue

@@ -158,12 +158,12 @@ export default {
   <div>
     <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true" @changed="onTabChanged">
       <Tab name="basics" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table" :weight="7">
-        <OverviewBasics v-model="value" :vmi="vmi" mode="view" />
+        <OverviewBasics v-model:value="value" :vmi="vmi" mode="view" />
       </Tab>
 
       <Tab name="disks" :label="t('harvester.tab.volume')" class="bordered-table" :weight="6">
         <Volume
-          v-model="diskRows"
+          v-model:value="diskRows"
           mode="view"
           :namespace="value.metadata.namespace"
           :vm="value"
@@ -172,11 +172,11 @@ export default {
       </Tab>
 
       <Tab name="networks" :label="t('harvester.virtualMachine.detail.tabs.networks')" class="bordered-table" :weight="5">
-        <Network v-model="networkRows" mode="view" />
+        <Network v-model:value="networkRows" mode="view" />
       </Tab>
 
       <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="3">
-        <OverviewKeypairs v-model="value" />
+        <OverviewKeypairs v-model:value="value" />
       </Tab>
 
       <Tab
@@ -235,7 +235,7 @@ export default {
       </Tab>
 
       <Tab name="migration" :label="t('harvester.virtualMachine.detail.tabs.migration')">
-        <Migration v-model="value" :vmi-resource="vmi" />
+        <Migration v-model:value="value" :vmi-resource="vmi" />
       </Tab>
 
       <Tab
@@ -261,7 +261,7 @@ export default {
               :mode="mode"
               :read-allowed="false"
               :value-can-be-empty="true"
-              @input="value.setInstanceLabels($event)"
+              @update:value="value.setInstanceLabels($event)"
             />
           </template>
         </Labels>