append tooltip on the parent in the request list; cleanup

package.json

@@ -17,7 +17,6 @@
     "core-js": "^3.6.5",
     "fuzzysearch": "^1.0.3",
     "graphql": "^15.3.0",
-    "lockr": "^0.8.5",
     "portal-vue": "^2.1.7",
     "postcss": "^7",
     "prettier": "2.4.1",
@@ -26,12 +25,11 @@
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
     "url-parse": "^1.4.7",
     "v-hotkey": "^0.9.0",
-    "v-tooltip": "^3.0.0-alpha.21",
+    "v-tooltip": "^3.0.0-beta.1",
     "vue": "^2.6.11",
     "vue-clipboard2": "^0.3.3",
     "vue-codemirror": "^4.0.6",
     "vue-mq": "^1.0.1",
-    "vue-shortkey": "^3.1.7",
     "vuescroll": "^4.16.1",
     "vuex": "^3.5.1",
     "vuex-persistedstate": "^4.0.0-beta.3",

src/components/List.vue

@@ -23,7 +23,7 @@
         <li
           v-for="entry in filteredEntries"
           :key="entry.id"
-          v-tooltip="entry.request.url"
+          v-tooltip="{ content: entry.request.url, container: false }"
           class="relative group flex items-center px-3 py-2 cursor-pointer hover:text-gray-800 dark:hover:text-white truncate"
           :class="[
             value === entry.id

src/devtools/main.js

@@ -41,7 +41,7 @@ Vue.use(VTooltip, {
     tooltip: {
       placement: 'bottom',
       delay: {
-        show: 100,
+        show: 300,
         hide: 100,
       },
     }