Updating v-popover to v-dropdown

pkg/harvester/formatters/HarvesterDiskState.vue

@@ -76,7 +76,7 @@ export default {
       :color="stateBackground"
       :label="stateDisplay"
     />
-    <v-popover
+    <v-dropdown
       v-if="warningMessage.length"
       trigger="hover"
       offset="16"
@@ -91,7 +91,7 @@ export default {
           {{ index + 1 }}. {{ message }}
         </p>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/formatters/HarvesterVFAddress.vue

@@ -58,7 +58,7 @@ export default {
       <span v-if="index < rows.visible.length - 1">, </span>
     </span>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="top"
     >
@@ -72,7 +72,7 @@ export default {
         </a>
       </span>
 
-      <template v-slot:popover>
+      <template #popper>
         <div class="vfs-popup">
           <div>
             <span
@@ -88,7 +88,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/formatters/HarvesterVGpuDevices.vue

@@ -56,7 +56,7 @@ export default {
       <span v-if="index < rows.visible.length - 1">, </span>
     </span>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="top"
     >
@@ -70,7 +70,7 @@ export default {
         </a>
       </span>
 
-      <template v-slot:popover>
+      <template #popper>
         <div class="vgpu-popup">
           <div>
             <span
@@ -86,7 +86,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/formatters/HarvesterVmState.vue

@@ -125,7 +125,7 @@ export default {
     <HarvesterMigrationState v-show="isMigrating" :vm-resource="row" @state-changed="migrationStateChanged" />
     <div v-show="!isMigrating" class="state">
       <VMState :row="row" />
-      <v-popover
+      <v-dropdown
         v-if="warningMessage.length"
         ref="popover"
         trigger="manual"
@@ -158,7 +158,7 @@ export default {
             </p>
           </div>
         </template>
-      </v-popover>
+      </v-dropdown>
     </div>
   </span>
 </template>

pkg/harvester/formatters/HarvesterVolumeState.vue

@@ -60,7 +60,7 @@ export default {
     </div>
     <div class="state">
       <VolumeState :row="row" />
-      <v-popover
+      <v-dropdown
         v-if="!!warningMessage"
         trigger="hover"
         offset="16"
@@ -74,7 +74,7 @@ export default {
             {{ warningMessage }}
           </p>
         </template>
-      </v-popover>
+      </v-dropdown>
     </div>
   </span>
 </template>

pkg/harvester/formatters/StateWithPopover.vue

@@ -25,7 +25,7 @@ export default {
       <State
         :row="row"
       />
-      <v-popover
+      <v-dropdown
         v-if="warningMessages.length > 0"
         trigger="hover"
         offset="16"
@@ -34,14 +34,14 @@ export default {
           <i class="icon icon-warning icon-lg text-warning" />
         </span>
 
-        <template v-slot:popover>
+        <template #popper>
           <p
             v-for="(message, index) in warningMessages" :key="index">
             {{ index + 1 }}.
             {{ message.text }}
           </p>
         </template>
-      </v-popover>
+      </v-dropdown>
     </div>
   </span>
 </template>