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

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

pkg/harvester/formatters/HarvesterDiskState.vue

@@ -87,9 +87,7 @@ export default {
 
       <template slot="popover">
         <p
-          v-for="(message, index) in warningMessage"
-          :key="message"
-        >
+          v-for="(message, index) in warningMessage" :key="index">
           {{ index + 1 }}. {{ message }}
         </p>
       </template>

pkg/harvester/formatters/HarvesterListener.vue

@@ -66,9 +66,7 @@ export default {
 <template>
   <div>
     <div
-      v-for="(port, index) in parsed"
-      :key="index"
-    >
+      v-for="(port, index) in parsed" :key="index">
       <CopyToClipboardText :text="port.label" />
     </div>
   </div>

pkg/harvester/formatters/HarvesterVFAddress.vue

@@ -48,9 +48,7 @@ export default {
 <template>
   <div class="vfs">
     <span
-      v-for="(vf, index) in rows.visible"
-      :key="vf.name"
-    >
+      v-for="(vf, index) in rows.visible" :key="index">
       <router-link
         :to="vf.to"
       >
@@ -78,9 +76,7 @@ export default {
         <div class="vfs-popup">
           <div>
             <span
-              v-for="(vf, index) in rows.invisible"
-              :key="vf.name"
-            >
+              v-for="(vf, index) in rows.invisible" :key="index">
               <router-link
                 :to="vf.to"
               >

pkg/harvester/formatters/HarvesterVGpuDevices.vue

@@ -46,9 +46,7 @@ export default {
 <template>
   <div class="vgpudevices">
     <span
-      v-for="(vgpu, index) in rows.visible"
-      :key="vgpu.name"
-    >
+      v-for="(vgpu, index) in rows.visible" :key="index">
       <router-link
         :to="vgpu.to"
       >
@@ -76,9 +74,7 @@ export default {
         <div class="vgpu-popup">
           <div>
             <span
-              v-for="(vgpu, index) in rows.invisible"
-              :key="vgpu.name"
-            >
+              v-for="(vgpu, index) in rows.invisible" :key="index">
               <router-link
                 :to="vgpu.to"
               >

pkg/harvester/formatters/HarvesterVmState.vue

@@ -144,7 +144,7 @@ export default {
             @mouseenter="showMessage(true)"
             @mouseleave="showMessage(false)"
           >
-            <p v-for="(message, index) in warningMessage" :key="message">
+            <p v-for="(message, index) in warningMessage" :key="index">
               {{ index + 1 }}.
               <a
                 v-if="canMiss(row, message)"

pkg/harvester/formatters/StateWithPopover.vue

@@ -36,9 +36,7 @@ export default {
 
         <template v-slot:popover>
           <p
-            v-for="(message, index) in warningMessages"
-            :key="message.text"
-          >
+            v-for="(message, index) in warningMessages" :key="index">
             {{ index + 1 }}.
             {{ message.text }}
           </p>