Merge branch 'main' into refactor/ui

components/history/graphql/Card.vue

@@ -2,19 +2,7 @@
   <div class="flex flex-col group">
     <div class="flex items-center">
       <span
-        class="
+        class="cursor-pointer flex font-semibold flex-1 text-xs min-w-0 py-3 pr-2 pl-4 transition group-hover:text-secondaryDark"
-          cursor-pointer
-          flex
-          font-semibold
-          flex-1
-          text-xs
-          min-w-0
-          py-3
-          pr-2
-          pl-4
-          transition
-          group-hover:text-secondaryDark
-        "
         data-testid="restore_history_entry"
         @click="$emit('use-entry')"
       >
@@ -52,13 +40,7 @@
       <span
         v-for="(line, index) in query"
         :key="`line-${index}`"
-        class="
+        class="cursor-pointer font-mono text-xs text-secondaryLight px-4 truncate"
-          cursor-pointer
-          font-mono
-          text-xs text-secondaryLight
-          px-4
-          truncate
-        "
         data-testid="restore_history_entry"
         @click="$emit('use-entry')"
       >

components/history/rest/Card.vue

@@ -1,17 +1,7 @@
 <template>
   <div class="flex items-center group">
     <span
-      class="
+      class="cursor-pointer flex font-mono font-bold mx-2 text-xs w-12 justify-center items-center truncate"
-        cursor-pointer
-        flex
-        font-mono font-bold
-        mx-2
-        text-xs
-        w-12
-        justify-center
-        items-center
-        truncate
-      "
       :class="entryStatus.className"
       data-testid="restore_history_entry"
       :title="duration"
@@ -20,18 +10,7 @@
       {{ entry.method }}
     </span>
     <span
-      class="
+      class="cursor-pointer flex font-semibold flex-1 text-xs min-w-0 py-3 pr-2 transition group-hover:text-secondaryDark"
-        cursor-pointer
-        flex
-        font-semibold
-        flex-1
-        text-xs
-        min-w-0
-        py-3
-        pr-2
-        transition
-        group-hover:text-secondaryDark
-      "
       data-testid="restore_history_entry"
       :title="duration"
       @click="$emit('use-entry')"

components/lenses/HeadersRenderer.vue

@@ -6,44 +6,19 @@
       class="flex items-center"
     >
       <span
-        class="
+        class="flex font-semibold text-xs min-w-0 p-2 transition group-hover:text-secondaryDark"
-          flex
-          font-semibold
-          text-xs
-          min-w-0
-          p-2
-          transition
-          group-hover:text-secondaryDark
-        "
       >
         <span class="truncate">
           {{ header.key }}
         </span>
       </span>
       <span
-        class="
+        class="flex font-mono font-bold mx-2 text-xs justify-center items-center truncate"
-          flex
-          font-mono font-bold
-          mx-2
-          text-xs
-          justify-center
-          items-center
-          truncate
-        "
       >
         →
       </span>
       <span
-        class="
+        class="flex font-semibold flex-1 text-xs min-w-0 p-2 transition group-hover:text-secondaryDark"
-          flex
-          font-semibold
-          flex-1
-          text-xs
-          min-w-0
-          p-2
-          transition
-          group-hover:text-secondaryDark
-        "
       >
         <span class="truncate">
           {{ header.value }}

package.json

@@ -35,7 +35,7 @@
     "acorn-walk": "^8.1.1",
     "core-js": "^3.15.2",
     "esprima": "^4.0.1",
-    "firebase": "^8.7.1",
+    "firebase": "^8.8.0",
     "graphql": "^15.5.1",
     "graphql-language-service-interface": "^2.8.4",
     "json-loader": "^0.5.7",
@@ -61,10 +61,10 @@
     "yargs-parser": "^20.2.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.6",
+    "@babel/core": "^7.14.8",
-    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-env": "^7.14.8",
-    "@commitlint/cli": "^12.0.1",
+    "@commitlint/cli": "^13.1.0",
-    "@commitlint/config-conventional": "^12.0.1",
+    "@commitlint/config-conventional": "^13.1.0",
     "@nuxt/types": "^2.15.7",
     "@nuxt/typescript-build": "^2.1.0",
     "@nuxtjs/color-mode": "^2.0.10",
@@ -80,7 +80,7 @@
     "@types/cookie": "^0.4.1",
     "@types/lodash": "^4.14.171",
     "@types/splitpanes": "^2.2.1",
-    "@vue/test-utils": "^1.2.1",
+    "@vue/test-utils": "^1.2.2",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^27.0.6",
     "eslint": "^7.31.0",
@@ -91,17 +91,17 @@
     "husky": "^7.0.1",
     "jest": "^27.0.6",
     "jest-serializer-vue": "^2.0.2",
-    "lint-staged": "^11.0.1",
+    "lint-staged": "^11.1.1",
-    "nuxt-windicss": "^1.1.3",
+    "nuxt-windicss": "^1.2.1",
     "prettier": "^2.3.2",
     "pretty-quick": "^3.1.1",
     "raw-loader": "^4.0.2",
-    "sass": "^1.35.2",
+    "sass": "^1.36.0",
     "sass-loader": "^10.2.0",
     "stylelint": "^13.12.0",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^22.0.0",
-    "ts-jest": "^27.0.3",
+    "ts-jest": "^27.0.4",
     "vue-jest": "^3.0.7",
     "worker-loader": "^3.0.8"
   }