feat: tooltip and popover components

components/http/Parameters.vue

@@ -6,7 +6,8 @@
           <label for="paramList">{{ $t("parameter_list") }}</label>
           <div>
             <button
-              v-tooltip.bottom="$t('clear')"
+              v-tippy="{ theme: 'tooltip' }"
+              :title="$t('clear')"
               class="icon button"
               @click="clearContent('parameters', $event)"
             >
@@ -82,7 +83,8 @@
       <div>
         <li>
           <button
-            v-tooltip.bottom="{
+            v-tippy="{ theme: 'tooltip' }"
+            title="{
               content: param.hasOwnProperty('active')
                 ? param.active
                   ? $t('turn_off')
@@ -112,7 +114,8 @@
       <div>
         <li>
           <button
-            v-tooltip.bottom="$t('delete')"
+            v-tippy="{ theme: 'tooltip' }"
+            :title="$t('delete')"
             class="icon button"
             @click="removeRequestParam(index)"
           >