Updating v-popover to v-dropdown

pkg/harvester/components/FilterBySriov.vue

@@ -74,7 +74,7 @@ export default {
       {{ parentSriov }} <i class="icon icon-close" @click="remove()" />
     </span>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="bottom-end"
     >
@@ -86,7 +86,7 @@ export default {
         </button>
       </slot>
 
-      <template v-slot:popover>
+      <template #popper>
         <div class="filter-popup">
           <div>
             <LabeledSelect
@@ -98,7 +98,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/components/FilterLabel.vue

@@ -125,7 +125,7 @@ export default {
       </span>
     </template>
 
-    <v-popover
+    <v-dropdown
       trigger="click"
       placement="bottom-end"
     >
@@ -211,7 +211,7 @@ export default {
           </div>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/components/HarvesterUpgradeHeader.vue

@@ -183,7 +183,7 @@ export default {
 </script>
 <template>
   <div v-if="enabled && isShow" class="upgrade">
-    <v-popover
+    <v-dropdown
       v-clean-tooltip="{
         placement: 'bottom-left',
       }"
@@ -287,7 +287,7 @@ export default {
           </button>
         </div>
       </template>
-    </v-popover>
+    </v-dropdown>
   </div>
 </template>
 

pkg/harvester/components/novnc/NovncConsoleItem.vue

@@ -1,7 +1,7 @@
 <script>
 export default {
   name: 'NovncConsoleItem',
-  
+
   emits: ['send-keys', 'update'],
 
   props: {
@@ -52,7 +52,7 @@ export default {
 <template>
   <ul class="list-unstyled dropdown combination-keys__container">
     <li v-for="(item, key) in items" :key="key">
-      <v-popover
+      <v-dropdown
         v-if="!!item.keys"
         placement="right-start"
         trigger="click"
@@ -60,10 +60,10 @@ export default {
       >
         <span :class="{ open: getOpenStatus(key, pos) }" class="p-10 hand" @click="addKeys({ key, pos })">{{ item.label }}</span>
 
-        <template v-slot:popover>
+        <template #popper>
           <novnc-console-item :items="item.keys" :path="path" :pos="pos+1" @update="addKeys" @send-keys="sendKeys" />
         </template>
-      </v-popover>
+      </v-dropdown>
 
       <span v-else class="p-10 hand" @click="keysDown(key, pos)">{{ item.label }}</span>
     </li>

pkg/harvester/components/novnc/NovncConsoleWrapper.vue

@@ -278,7 +278,7 @@ export default {
   <div id="app">
     <div class="vm-console">
       <div class="combination-keys">
-        <v-popover
+        <v-dropdown
           ref="popover"
           placement="top"
           trigger="click"
@@ -289,16 +289,16 @@ export default {
             {{ t("harvester.virtualMachine.detail.console.shortcutKeys") }}
           </button>
 
-          <template v-slot:popover>
+          <template #popper>
             <novnc-console-item :items="keymap" :path="keysRecord" :pos="0" @update="update" @send-keys="sendKeys" />
           </template>
-        </v-popover>
+        </v-dropdown>
 
         <button v-if="hasSoftRebootAction" class="btn btn-sm bg-primary" @click="softReboot">
           {{ t("harvester.action.softreboot") }}
         </button>
 
-        <v-popover
+        <v-dropdown
           v-if="!hideCustomKeysBar"
           ref="customKeyPopover"
           placement="top"
@@ -309,7 +309,7 @@ export default {
             {{ t("harvester.virtualMachine.detail.console.customShortcutKeys") }}
           </button>
 
-          <template v-slot:popover>
+          <template #popper>
             <div>
               <button class="btn btn-sm bg-primary" @click="showKeysModal">
                 {{ t("harvester.virtualMachine.detail.console.management") }}
@@ -324,7 +324,7 @@ export default {
               </button>
             </div>
           </template>
-        </v-popover>
+        </v-dropdown>
 
         <NovncConsoleCustomKeys v-if="renderKeysModal" ref="keysModal" :current-user="currentUser" @close="hideKeysModal" />
       </div>