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

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

pkg/harvester/list/harvesterhci.io.addon.vue

@@ -64,9 +64,9 @@ export default {
       :schema="schema"
       :headers="headers"
     >
-      <template slot="cell:name" slot-scope="scope">
+      <template cell:name="scope">
         <div class="cell-name">
-          <LinkDetail v-model="scope.row.displayName" :row="scope.row" />
+          <LinkDetail v-model:value="scope.row.displayName" :row="scope.row" />
 
           <a
             v-if="scope.row.metadata.name === 'rancher-vcluster' && scope.row.spec.enabled"
@@ -85,12 +85,12 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-::v-deep .sortable-table TD .badge-state {
+:deep() .sortable-table TD .badge-state {
     max-width: 250px;
     text-overflow: clip;
   }
 
-::v-deep .cell-name {
+:deep() .cell-name {
   white-space: nowrap;
 }
 </style>

pkg/harvester/list/harvesterhci.io.cloudtemplate.vue

@@ -76,6 +76,6 @@ export default {
     :schema="schema"
     :rows="filteredRows"
     key-field="_key"
-    v-on="$listeners"
+    
   />
 </template>

pkg/harvester/list/harvesterhci.io.dashboard.vue

@@ -632,9 +632,7 @@ export default {
 
     <div class="resource-gauges">
       <ResourceSummary
-        v-for="resource in totalCountGaugeInput"
-        :key="resource.resource"
-        :spoofed-counts="resource.isSpoofed ? resource : null"
+         v-for="(resource, i) in totalCountGaugeInput" :key="i" :spoofed-counts="resource.isSpoofed ? resource : null"
         :resource="resource.resource"
       />
     </div>

pkg/harvester/list/harvesterhci.io.host.vue

@@ -196,7 +196,7 @@ export default {
       :rows="[...rows]"
       :namespaced="false"
       key-field="_key"
-      v-on="$listeners"
+      
     >
       <template #cell:console="{row}">
         <button type="button" class="btn btn-sm role-primary" :disabled="!row.consoleUrl" @click="goto(row)">

pkg/harvester/list/harvesterhci.io.monitoring.alertmanagerconfig.vue

@@ -103,7 +103,7 @@ export default {
       :schema="schema"
       :rows="rows"
       key-field="_key"
-      v-on="$listeners"
+      
     />
   </div>
 </template>

pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue

@@ -148,9 +148,7 @@ export default {
   <div v-else>
     <template v-if="abnormalNetwork.length">
       <Banner
-        v-for="item in abnormalNetwork"
-        :key="item.name"
-        color="error"
+         v-for="(item, i) in abnormalNetwork" :key="i" color="error"
       >
         <router-link :to="item.to">
           {{ item.name }}:
@@ -167,7 +165,7 @@ export default {
       :groupable="true"
       :rows="filterRows"
       key-field="_key"
-      v-on="$listeners"
+      
     >
       <template #cell:state="{row}">
         <div class="state">

pkg/harvester/list/harvesterhci.io.secret.vue

@@ -55,6 +55,6 @@ export default {
     :schema="schema"
     :rows="rows"
     key-field="_key"
-    v-on="$listeners"
+    
   />
 </template>

pkg/harvester/list/harvesterhci.io.virtualmachinebackup.vue

@@ -214,7 +214,7 @@ export default {
       :schema="schema"
       key-field="_key"
       default-sort-by="age"
-      v-on="$listeners"
+      
     >
       <template #col:name="{row}">
         <td>

pkg/harvester/list/harvesterhci.io.virtualmachineimage.vue

@@ -70,7 +70,7 @@ export default {
       :schema="schema"
       :sort-generation-fn="sortGenerationFn"
       key-field="_key"
-      v-on="$listeners"
+      
     >
       <template #more-header-middle>
         <FilterLabel ref="filterLabel" :rows="rows" @changeRows="changeRows" />

pkg/harvester/list/harvesterhci.io.virtualmachinetemplateversion.vue

@@ -107,7 +107,7 @@ export default {
     :schema="schema"
     :group-can-action="true"
     key-field="_key"
-    v-on="$listeners"
+    
   >
     <template #group-by="group">
       <div class="group-bar">
@@ -140,7 +140,7 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-::v-deep {
+:deep() {
   .group-name {
     line-height: 30px;
   }

pkg/harvester/list/harvesterhci.io.vmsnapshot.vue

@@ -109,7 +109,7 @@ export default {
       :schema="schema"
       key-field="_key"
       default-sort-by="age"
-      v-on="$listeners"
+      
     >
       <template #col:name="{row}">
         <td>

pkg/harvester/list/harvesterhci.io.volume.vue

@@ -144,11 +144,10 @@ export default {
     :rows="rows"
     :schema="schema"
     key-field="_key"
-    v-on="$listeners"
+    
   >
     <template
-      slot="cell:state"
-      slot-scope="scope"
+      cell:state="scope"
     >
       <div class="state">
         <HarvesterVolumeState
@@ -158,8 +157,7 @@ export default {
       </div>
     </template>
     <template
-      slot="cell:AttachedVM"
-      slot-scope="scope"
+      cell:AttachedVM="scope"
     >
       <div>
         <router-link

pkg/harvester/list/harvesterhci.io.volumesnapshot.vue

@@ -71,6 +71,6 @@ export default {
     :schema="schema"
     :rows="filteredRows"
     key-field="_key"
-    v-on="$listeners"
+    
   />
 </template>

pkg/harvester/list/kubevirt.io.virtualmachine.vue

@@ -177,17 +177,17 @@ export default {
       :schema="schema"
       :groupable="true"
       key-field="_key"
-      v-on="$listeners"
+      
     >
-      <template slot="cell:state" slot-scope="scope">
+      <template cell:state="scope">
         <div class="state">
           <HarvesterVmState class="vmstate" :row="scope.row" :all-node-network="allNodeNetworks" :all-cluster-network="allClusterNetworks" />
         </div>
       </template>
 
-      <template slot="cell:name" slot-scope="scope">
+      <template cell:name="scope">
         <div class="name-console">
-          <LinkDetail v-if="scope.row.type !== HCI.VMI" v-model="scope.row.metadata.name" :row="scope.row" />
+          <LinkDetail v-if="scope.row.type !== HCI.VMI" v-model:value="scope.row.metadata.name" :row="scope.row" />
           <span v-else>
             {{ scope.row.metadata.name }}
           </span>

pkg/harvester/list/network.harvesterhci.io.clusternetwork.vue

@@ -230,7 +230,7 @@ export default {
           </div>
         </template>
         <template
-          v-for="clusterNetwork in clusterNetworkWithoutConfigs"
+           v-for="(clusterNetwork, i) in clusterNetworkWithoutConfigs" :key="i" 
           v-slot:[slotName(clusterNetwork.id)]
         >
           <tr