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

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

pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue

@@ -141,7 +141,7 @@ export default {
 <template>
   <div class="vm__credentials-users">
     <LabeledSelect
-      v-model="selectedUser"
+      v-model:value="selectedUser"
       :options="userOptions"
       :label="t('harvester.virtualMachine.accessCredentials.injectSSH.users')"
       :taggable="multiple"
@@ -167,7 +167,7 @@ export default {
 
       <template #content>
         <LabeledInput
-          v-model="newUsername"
+          v-model:value="newUsername"
           :label="t('harvester.virtualMachine.input.username')"
           class="mb-20"
           required

pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/index.vue

@@ -152,7 +152,7 @@ export default {
   <div>
     <Banner class="mb-20" color="info" :label="t('harvester.virtualMachine.accessCredentials.tips')" />
 
-    <div v-for="(row, i) in rows" :key="row.id">
+    <div v-for="(row, i) in rows" :key="i">
       <InfoBox class="volume-source">
         <button v-if="isEdit" type="button" class="role-link btn btn-sm remove-vol" @click="remove(row)">
           <i class="icon icon-x" />
@@ -165,7 +165,7 @@ export default {
         <div>
           <component
             :is="componentFor(row.source)"
-            v-model="rows[i]"
+            v-model:value="rows[i]"
             :rows="rows"
             :resource="resource"
             :user-options="userOptions"

pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/basicAuth.vue

@@ -61,10 +61,10 @@ export default {
 </script>
 
 <template>
-  <div class="row" @input="update">
+  <div class="row" @update:value="update">
     <div class="col span-6">
       <AccessCredentialsUsers
-        v-model="value.username"
+        v-model:value="value.username"
         :resource="resource"
         :user-options="userOptions"
         :multiple="false"
@@ -76,7 +76,7 @@ export default {
     <div class="col span-6">
       <Password
         ref="password"
-        v-model="value.newPassword"
+        v-model:value="value.newPassword"
         :mode="mode"
         :disabled="mode !== 'edit'"
         :label="t('harvester.virtualMachine.input.password')"

pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/sshkey.vue

@@ -61,7 +61,7 @@ export default {
     <div class="columns row">
       <div class="col span-6">
         <AccessCredentialsUsers
-          v-model="value.users"
+          v-model:value="value.users"
           :resource="resource"
           :user-options="userOptions"
           :mode="mode"
@@ -72,7 +72,7 @@ export default {
       </div>
       <div class="col span-6">
         <SSHKey
-          v-model="value.sshkeys"
+          v-model:value="value.sshkeys"
           class="mb-20"
           :namespace="resource.metadata.namespace"
           :mode="mode"