fix: build

2021-08-05 19:43:46 +05:30
parent 20ffbe906f
commit 4b416586b7
6 changed files with 223 additions and 188 deletions
--- a/assets/scss/styles.scss
+++ b/assets/scss/styles.scss
@@ -72,7 +72,7 @@ body {
 }

 .material-icons {
-  font-size: 1rem;
+  font-size: 133.4% !important;
 }

 .svg-icons {
--- a/components/realtime/Sse.vue
+++ b/components/realtime/Sse.vue
@@ -67,7 +67,7 @@
      <AppSection label="response">
        <ul>
          <li>
-            <RealtimeLog :title="$t('events')" :log="events.log" />
+            <RealtimeLog :title="$t('log')" :log="events.log" />
            <div id="result"></div>
          </li>
        </ul>
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -369,7 +369,6 @@ export default {

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {
-    transpile: ["three"],
    // You can extend webpack config here
    extend(config, { isDev, isClient }) {
      // Sets webpack's mode to development if `isDev` is true.
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,7 +7,7 @@
    "": {
      "version": "1.12.0",
      "dependencies": {
-        "@apollo/client": "^3.4.1",
+        "@apollo/client": "^3.4.5",
        "@nuxtjs/axios": "^5.13.6",
        "@nuxtjs/composition-api": "^0.26.0",
        "@nuxtjs/gtm": "^2.4.0",
@@ -27,7 +27,7 @@
        "mustache": "^4.2.0",
        "node-interval-tree": "^1.3.3",
        "nuxt": "^2.15.7",
-        "nuxt-i18n": "^6.28.0",
+        "nuxt-i18n": "^6.28.1",
        "paho-mqtt": "^1.1.0",
        "rxjs": "^6.0.0",
        "socket.io-client": "^4.1.3",
@@ -45,8 +45,8 @@
        "yargs-parser": "^20.2.9"
      },
      "devDependencies": {
-        "@babel/core": "^7.14.8",
-        "@babel/preset-env": "^7.14.9",
+        "@babel/core": "^7.15.0",
+        "@babel/preset-env": "^7.15.0",
        "@commitlint/cli": "^13.1.0",
        "@commitlint/config-conventional": "^13.1.0",
        "@nuxt/types": "^2.15.7",
@@ -62,7 +62,7 @@
        "@nuxtjs/svg": "^0.1.12",
        "@testing-library/jest-dom": "^5.14.1",
        "@types/cookie": "^0.4.1",
-        "@types/lodash": "^4.14.171",
+        "@types/lodash": "^4.14.172",
        "@types/splitpanes": "^2.2.1",
        "@vue/test-utils": "^1.2.2",
        "babel-core": "^7.0.0-bridge.0",
@@ -80,12 +80,13 @@
        "prettier": "^2.3.2",
        "pretty-quick": "^3.1.1",
        "raw-loader": "^4.0.2",
-        "sass": "^1.37.0",
+        "sass": "^1.37.5",
        "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.4",
+        "typescript": "^4.3.5",
        "vue-jest": "^3.0.7",
        "worker-loader": "^3.0.8"
      }
@@ -103,9 +104,9 @@
      }
    },
    "node_modules/@apollo/client": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.4.3.tgz",
-      "integrity": "sha512-6Av/nDR+GI8fPE5XgT6VEvUve868rDGX9IcxdjZVGxqc4+yw0g+6f2r78P2wHtBUQOBqsmOWLGsGuBCC9tsyiA==",
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.4.5.tgz",
+      "integrity": "sha512-arvzqyh+SmcJ9jGmdP1QhboTCq6YoowidqbDTigJ8LqA4jywOvgy3GMSPKUtyyxter12rQ+42cXjGI9+ZMVuyA==",
      "dependencies": {
        "@graphql-typed-document-node/core": "^3.0.0",
        "@wry/context": "^0.6.0",
@@ -120,9 +121,6 @@
        "tslib": "^2.3.0",
        "zen-observable-ts": "^1.1.0"
      },
-      "engines": {
-        "npm": "^7.20.3"
-      },
      "peerDependencies": {
        "graphql": "^14.0.0 || ^15.0.0",
        "react": "^16.8.0 || ^17.0.0",
@@ -247,27 +245,27 @@
      }
    },
    "node_modules/@babel/compat-data": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.14.9.tgz",
-      "integrity": "sha512-p3QjZmMGHDGdpcwEYYWu7i7oJShJvtgMjJeb0W95PPhSm++3lm8YXYOh45Y6iCN9PkZLTZ7CIX5nFrp7pw7TXw==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.15.0.tgz",
+      "integrity": "sha512-0NqAC1IJE0S0+lL1SWFMxMkz1pKCNCjI4tr2Zx4LJSXxCLAdr6KyArnY+sno5m3yH9g737ygOyPABDsnXkpxiA==",
      "engines": {
        "node": ">=6.9.0"
      }
    },
    "node_modules/@babel/core": {
-      "version": "7.14.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.14.8.tgz",
-      "integrity": "sha512-/AtaeEhT6ErpDhInbXmjHcUQXH0L0TEgscfcxk1qbOvLuKCa5aZT0SOOtDKFY96/CLROwbLSKyFor6idgNaU4Q==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.15.0.tgz",
+      "integrity": "sha512-tXtmTminrze5HEUPn/a0JtOzzfp0nk+UEXQ/tqIJo3WDGypl/2OFQEMll/zSFU8f/lfmfLXvTaORHF3cfXIQMw==",
      "dependencies": {
        "@babel/code-frame": "^7.14.5",
-        "@babel/generator": "^7.14.8",
-        "@babel/helper-compilation-targets": "^7.14.5",
-        "@babel/helper-module-transforms": "^7.14.8",
+        "@babel/generator": "^7.15.0",
+        "@babel/helper-compilation-targets": "^7.15.0",
+        "@babel/helper-module-transforms": "^7.15.0",
        "@babel/helpers": "^7.14.8",
-        "@babel/parser": "^7.14.8",
+        "@babel/parser": "^7.15.0",
        "@babel/template": "^7.14.5",
-        "@babel/traverse": "^7.14.8",
-        "@babel/types": "^7.14.8",
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0",
        "convert-source-map": "^1.7.0",
        "debug": "^4.1.0",
        "gensync": "^1.0.0-beta.2",
@@ -302,11 +300,11 @@
      }
    },
    "node_modules/@babel/generator": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.9.tgz",
-      "integrity": "sha512-4yoHbhDYzFa0GLfCzLp5GxH7vPPMAHdZjyE7M/OajM9037zhx0rf+iNsJwp4PT0MSFpwjG7BsHEbPkBQpZ6cYA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.0.tgz",
+      "integrity": "sha512-eKl4XdMrbpYvuB505KTta4AV9g+wWzmVBW69tX0H2NwKVKd2YJbKgyK6M8j/rgLbmHOYJn6rUklV677nOyJrEQ==",
      "dependencies": {
-        "@babel/types": "^7.14.9",
+        "@babel/types": "^7.15.0",
        "jsesc": "^2.5.1",
        "source-map": "^0.5.0"
      },
@@ -338,11 +336,11 @@
      }
    },
    "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.14.5.tgz",
-      "integrity": "sha512-v+QtZqXEiOnpO6EYvlImB6zCD2Lel06RzOPzmkz/D/XgQiUu3C/Jb1LOqSt/AIA34TYi/Q+KlT8vTQrgdxkbLw==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.15.0.tgz",
+      "integrity": "sha512-h+/9t0ncd4jfZ8wsdAsoIxSa61qhBYlycXiHWqJaQBCXAhDCMbPRSMTGnZIkkmt1u4ag+UQmuqcILwqKzZ4N2A==",
      "dependencies": {
-        "@babel/compat-data": "^7.14.5",
+        "@babel/compat-data": "^7.15.0",
        "@babel/helper-validator-option": "^7.14.5",
        "browserslist": "^4.16.6",
        "semver": "^6.3.0"
@@ -453,11 +451,11 @@
      }
    },
    "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.14.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.14.7.tgz",
-      "integrity": "sha512-TMUt4xKxJn6ccjcOW7c4hlwyJArizskAhoSTOCkA0uZ+KghIaci0Qg9R043kUMWI9mtQfgny+NQ5QATnZ+paaA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.15.0.tgz",
+      "integrity": "sha512-Jq8H8U2kYiafuj2xMTPQwkTBnEEdGKpT35lJEQsRRjnG0LW3neucsaMWLgKcwu3OHKNeYugfw+Z20BXBSEs2Lg==",
      "dependencies": {
-        "@babel/types": "^7.14.5"
+        "@babel/types": "^7.15.0"
      },
      "engines": {
        "node": ">=6.9.0"
@@ -475,18 +473,18 @@
      }
    },
    "node_modules/@babel/helper-module-transforms": {
-      "version": "7.14.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.14.8.tgz",
-      "integrity": "sha512-RyE+NFOjXn5A9YU1dkpeBaduagTlZ0+fccnIcAGbv1KGUlReBj7utF7oEth8IdIBQPcux0DDgW5MFBH2xu9KcA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.15.0.tgz",
+      "integrity": "sha512-RkGiW5Rer7fpXv9m1B3iHIFDZdItnO2/BLfWVW/9q7+KqQSDY5kUfQEbzdXM1MVhJGcugKV7kRrNVzNxmk7NBg==",
      "dependencies": {
        "@babel/helper-module-imports": "^7.14.5",
-        "@babel/helper-replace-supers": "^7.14.5",
+        "@babel/helper-replace-supers": "^7.15.0",
        "@babel/helper-simple-access": "^7.14.8",
        "@babel/helper-split-export-declaration": "^7.14.5",
-        "@babel/helper-validator-identifier": "^7.14.8",
+        "@babel/helper-validator-identifier": "^7.14.9",
        "@babel/template": "^7.14.5",
-        "@babel/traverse": "^7.14.8",
-        "@babel/types": "^7.14.8"
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0"
      },
      "engines": {
        "node": ">=6.9.0"
@@ -525,14 +523,14 @@
      }
    },
    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.14.5.tgz",
-      "integrity": "sha512-3i1Qe9/8x/hCHINujn+iuHy+mMRLoc77b2nI9TB0zjH1hvn9qGlXjWlggdwUcju36PkPCy/lpM7LLUdcTyH4Ow==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.15.0.tgz",
+      "integrity": "sha512-6O+eWrhx+HEra/uJnifCwhwMd6Bp5+ZfZeJwbqUTuqkhIT6YcRhiZCOOFChRypOIe0cV46kFrRBlm+t5vHCEaA==",
      "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.14.5",
+        "@babel/helper-member-expression-to-functions": "^7.15.0",
        "@babel/helper-optimise-call-expression": "^7.14.5",
-        "@babel/traverse": "^7.14.5",
-        "@babel/types": "^7.14.5"
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0"
      },
      "engines": {
        "node": ">=6.9.0"
@@ -628,9 +626,9 @@
      }
    },
    "node_modules/@babel/parser": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.14.9.tgz",
-      "integrity": "sha512-RdUTOseXJ8POjjOeEBEvNMIZU/nm4yu2rufRkcibzkkg7DmQvXU8v3M4Xk9G7uuI86CDGkKcuDWgioqZm+mScQ==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.15.0.tgz",
+      "integrity": "sha512-0v7oNOjr6YT9Z2RAOTv4T9aP+ubfx4Q/OhVtAet7PFDt0t9Oy6Jn+/rfC6b8HJ5zEqrQCiMxJfgtHpmIminmJQ==",
      "bin": {
        "parser": "bin/babel-parser.js"
      },
@@ -1386,13 +1384,13 @@
      }
    },
    "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.14.5.tgz",
-      "integrity": "sha512-en8GfBtgnydoao2PS+87mKyw62k02k7kJ9ltbKe0fXTHrQmG6QZZflYuGI1VVG7sVpx4E1n7KBpNlPb8m78J+A==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.15.0.tgz",
+      "integrity": "sha512-3H/R9s8cXcOGE8kgMlmjYYC9nqr5ELiPkJn4q0mypBrjhYQoc+5/Maq69vV4xRPWnkzZuwJPf5rArxpB/35Cig==",
      "dependencies": {
-        "@babel/helper-module-transforms": "^7.14.5",
+        "@babel/helper-module-transforms": "^7.15.0",
        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-simple-access": "^7.14.5",
+        "@babel/helper-simple-access": "^7.14.8",
        "babel-plugin-dynamic-import-node": "^2.3.3"
      },
      "engines": {
@@ -1686,12 +1684,12 @@
      }
    },
    "node_modules/@babel/preset-env": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.14.9.tgz",
-      "integrity": "sha512-BV5JvCwBDebkyh67bPKBYVCC6gGw0MCzU6HfKe5Pm3upFpPVqiC/hB33zkOe0tVdAzaMywah0LSXQeD9v/BYdQ==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.15.0.tgz",
+      "integrity": "sha512-FhEpCNFCcWW3iZLg0L2NPE9UerdtsCR6ZcsGHUX6Om6kbCQeL5QZDqFDmeNHC6/fy6UH3jEge7K4qG5uC9In0Q==",
      "dependencies": {
-        "@babel/compat-data": "^7.14.9",
-        "@babel/helper-compilation-targets": "^7.14.5",
+        "@babel/compat-data": "^7.15.0",
+        "@babel/helper-compilation-targets": "^7.15.0",
        "@babel/helper-plugin-utils": "^7.14.5",
        "@babel/helper-validator-option": "^7.14.5",
        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.14.5",
@@ -1739,7 +1737,7 @@
        "@babel/plugin-transform-literals": "^7.14.5",
        "@babel/plugin-transform-member-expression-literals": "^7.14.5",
        "@babel/plugin-transform-modules-amd": "^7.14.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.14.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.15.0",
        "@babel/plugin-transform-modules-systemjs": "^7.14.5",
        "@babel/plugin-transform-modules-umd": "^7.14.5",
        "@babel/plugin-transform-named-capturing-groups-regex": "^7.14.9",
@@ -1757,7 +1755,7 @@
        "@babel/plugin-transform-unicode-escapes": "^7.14.5",
        "@babel/plugin-transform-unicode-regex": "^7.14.5",
        "@babel/preset-modules": "^0.1.4",
-        "@babel/types": "^7.14.9",
+        "@babel/types": "^7.15.0",
        "babel-plugin-polyfill-corejs2": "^0.2.2",
        "babel-plugin-polyfill-corejs3": "^0.2.2",
        "babel-plugin-polyfill-regenerator": "^0.2.2",
@@ -1824,17 +1822,17 @@
      }
    },
    "node_modules/@babel/traverse": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.14.9.tgz",
-      "integrity": "sha512-bldh6dtB49L8q9bUyB7bC20UKgU+EFDwKJylwl234Kv+ySZeMD31Xeht6URyueQ6LrRRpF2tmkfcZooZR9/e8g==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.15.0.tgz",
+      "integrity": "sha512-392d8BN0C9eVxVWd8H6x9WfipgVH5IaIoLp23334Sc1vbKKWINnvwRpb4us0xtPaCumlwbTtIYNA0Dv/32sVFw==",
      "dependencies": {
        "@babel/code-frame": "^7.14.5",
-        "@babel/generator": "^7.14.9",
+        "@babel/generator": "^7.15.0",
        "@babel/helper-function-name": "^7.14.5",
        "@babel/helper-hoist-variables": "^7.14.5",
        "@babel/helper-split-export-declaration": "^7.14.5",
-        "@babel/parser": "^7.14.9",
-        "@babel/types": "^7.14.9",
+        "@babel/parser": "^7.15.0",
+        "@babel/types": "^7.15.0",
        "debug": "^4.1.0",
        "globals": "^11.1.0"
      },
@@ -1843,9 +1841,9 @@
      }
    },
    "node_modules/@babel/types": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.14.9.tgz",
-      "integrity": "sha512-u0bLTnv3DFHeaQLYzb7oRJ1JHr1sv/SYDM7JSqHFFLwXG1wTZRughxFI5NCP8qBEo1rVVsn7Yg2Lvw49nne/Ow==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.15.0.tgz",
+      "integrity": "sha512-OBvfqnllOIdX4ojTHpwZbpvz4j3EWyjkZEdmjH0/cgsd6QOdSgU8rLSk6ard/pcW7rlmjdVSX/AWOaORR1uNOQ==",
      "dependencies": {
        "@babel/helper-validator-identifier": "^7.14.9",
        "to-fast-properties": "^2.0.0"
@@ -7886,9 +7884,9 @@
      "dev": true
    },
    "node_modules/@types/lodash": {
-      "version": "4.14.171",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.171.tgz",
-      "integrity": "sha512-7eQ2xYLLI/LsicL2nejW9Wyko3lcpN6O/z0ZLHrEQsg280zIdCv1t/0m6UtBjUHokCGBQ3gYTbHzDkZ1xOBwwg==",
+      "version": "4.14.172",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.172.tgz",
+      "integrity": "sha512-/BHF5HAx3em7/KkzVKm3LrsD6HZAXuXO1AJZQ3cRRBZj4oHZDviWPYu0aEplAqDFNHZPW6d3G7KN+ONcCCC7pw==",
      "dev": true
    },
    "node_modules/@types/long": {
@@ -22049,9 +22047,12 @@
      }
    },
    "node_modules/js-cookie": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
-      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.0.tgz",
+      "integrity": "sha512-oUbbplKuH07/XX2YD2+Q+GMiPpnVXaRz8npE7suhBH9QEkJe2W7mQ6rwuMXHue3fpfcftQwzgyvGzIHyfCSngQ==",
+      "engines": {
+        "node": ">=12"
+      }
    },
    "node_modules/js-message": {
      "version": "1.0.7",
@@ -24546,18 +24547,19 @@
      }
    },
    "node_modules/nuxt-i18n": {
-      "version": "6.28.0",
-      "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.28.0.tgz",
-      "integrity": "sha512-8XT9UflwAlEDROMTZOwQKFrnM2+eqbHC8UJNlLCjODOCrmhMHGSfojxbFxs4W4+hKdDw4Gz30PHK6v6GIqIzMQ==",
+      "version": "6.28.1",
+      "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.28.1.tgz",
+      "integrity": "sha512-JKRs8AmixVZ7k90Rrwq468McfnInP1ymuejYHRGA4VV0nZCLYsdDQXZxXl3JXaER9VatM9C24GM3ArAYFOtUhg==",
+      "deprecated": "Please use the @nuxtjs/i18n package going forward",
      "dependencies": {
-        "@babel/parser": "^7.14.7",
-        "@babel/traverse": "^7.14.7",
+        "@babel/parser": "^7.14.9",
+        "@babel/traverse": "^7.14.9",
        "@intlify/vue-i18n-extensions": "^1.0.2",
        "@intlify/vue-i18n-loader": "^1.1.0",
        "cookie": "^0.4.1",
        "devalue": "^2.0.1",
        "is-https": "^4.0.0",
-        "js-cookie": "^2.2.1",
+        "js-cookie": "^3.0.0",
        "klona": "^2.0.4",
        "lodash.merge": "^4.6.2",
        "ufo": "^0.7.7",
@@ -29132,9 +29134,9 @@
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
    },
    "node_modules/sass": {
-      "version": "1.37.2",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.37.2.tgz",
-      "integrity": "sha512-+XMg8QOg7OGLo4F5R3fLYEti/3MxFkyX0NxYbqWycU8xYMAhPDN5FuCO2ZJudnM1wcnZ3CeJRnpqUBZpLOitCQ==",
+      "version": "1.37.5",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.37.5.tgz",
+      "integrity": "sha512-Cx3ewxz9QB/ErnVIiWg2cH0kiYZ0FPvheDTVC6BsiEGBTZKKZJ1Gq5Kq6jy3PKtL6+EJ8NIoaBW/RSd2R6cZOA==",
      "dev": true,
      "dependencies": {
        "chokidar": ">=3.0.0 <4.0.0"
@@ -32099,7 +32101,6 @@
      "version": "4.3.5",
      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
-      "peer": true,
      "bin": {
        "tsc": "bin/tsc",
        "tsserver": "bin/tsserver"
@@ -35230,9 +35231,9 @@
      }
    },
    "@apollo/client": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.4.3.tgz",
-      "integrity": "sha512-6Av/nDR+GI8fPE5XgT6VEvUve868rDGX9IcxdjZVGxqc4+yw0g+6f2r78P2wHtBUQOBqsmOWLGsGuBCC9tsyiA==",
+      "version": "3.4.5",
+      "resolved": "https://registry.npmjs.org/@apollo/client/-/client-3.4.5.tgz",
+      "integrity": "sha512-arvzqyh+SmcJ9jGmdP1QhboTCq6YoowidqbDTigJ8LqA4jywOvgy3GMSPKUtyyxter12rQ+42cXjGI9+ZMVuyA==",
      "requires": {
        "@graphql-typed-document-node/core": "^3.0.0",
        "@wry/context": "^0.6.0",
@@ -35335,24 +35336,24 @@
      }
    },
    "@babel/compat-data": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.14.9.tgz",
-      "integrity": "sha512-p3QjZmMGHDGdpcwEYYWu7i7oJShJvtgMjJeb0W95PPhSm++3lm8YXYOh45Y6iCN9PkZLTZ7CIX5nFrp7pw7TXw=="
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.15.0.tgz",
+      "integrity": "sha512-0NqAC1IJE0S0+lL1SWFMxMkz1pKCNCjI4tr2Zx4LJSXxCLAdr6KyArnY+sno5m3yH9g737ygOyPABDsnXkpxiA=="
    },
    "@babel/core": {
-      "version": "7.14.8",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.14.8.tgz",
-      "integrity": "sha512-/AtaeEhT6ErpDhInbXmjHcUQXH0L0TEgscfcxk1qbOvLuKCa5aZT0SOOtDKFY96/CLROwbLSKyFor6idgNaU4Q==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.15.0.tgz",
+      "integrity": "sha512-tXtmTminrze5HEUPn/a0JtOzzfp0nk+UEXQ/tqIJo3WDGypl/2OFQEMll/zSFU8f/lfmfLXvTaORHF3cfXIQMw==",
      "requires": {
        "@babel/code-frame": "^7.14.5",
-        "@babel/generator": "^7.14.8",
-        "@babel/helper-compilation-targets": "^7.14.5",
-        "@babel/helper-module-transforms": "^7.14.8",
+        "@babel/generator": "^7.15.0",
+        "@babel/helper-compilation-targets": "^7.15.0",
+        "@babel/helper-module-transforms": "^7.15.0",
        "@babel/helpers": "^7.14.8",
-        "@babel/parser": "^7.14.8",
+        "@babel/parser": "^7.15.0",
        "@babel/template": "^7.14.5",
-        "@babel/traverse": "^7.14.8",
-        "@babel/types": "^7.14.8",
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0",
        "convert-source-map": "^1.7.0",
        "debug": "^4.1.0",
        "gensync": "^1.0.0-beta.2",
@@ -35373,11 +35374,11 @@
      }
    },
    "@babel/generator": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.14.9.tgz",
-      "integrity": "sha512-4yoHbhDYzFa0GLfCzLp5GxH7vPPMAHdZjyE7M/OajM9037zhx0rf+iNsJwp4PT0MSFpwjG7BsHEbPkBQpZ6cYA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.0.tgz",
+      "integrity": "sha512-eKl4XdMrbpYvuB505KTta4AV9g+wWzmVBW69tX0H2NwKVKd2YJbKgyK6M8j/rgLbmHOYJn6rUklV677nOyJrEQ==",
      "requires": {
-        "@babel/types": "^7.14.9",
+        "@babel/types": "^7.15.0",
        "jsesc": "^2.5.1",
        "source-map": "^0.5.0"
      }
@@ -35400,11 +35401,11 @@
      }
    },
    "@babel/helper-compilation-targets": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.14.5.tgz",
-      "integrity": "sha512-v+QtZqXEiOnpO6EYvlImB6zCD2Lel06RzOPzmkz/D/XgQiUu3C/Jb1LOqSt/AIA34TYi/Q+KlT8vTQrgdxkbLw==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.15.0.tgz",
+      "integrity": "sha512-h+/9t0ncd4jfZ8wsdAsoIxSa61qhBYlycXiHWqJaQBCXAhDCMbPRSMTGnZIkkmt1u4ag+UQmuqcILwqKzZ4N2A==",
      "requires": {
-        "@babel/compat-data": "^7.14.5",
+        "@babel/compat-data": "^7.15.0",
        "@babel/helper-validator-option": "^7.14.5",
        "browserslist": "^4.16.6",
        "semver": "^6.3.0"
@@ -35482,11 +35483,11 @@
      }
    },
    "@babel/helper-member-expression-to-functions": {
-      "version": "7.14.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.14.7.tgz",
-      "integrity": "sha512-TMUt4xKxJn6ccjcOW7c4hlwyJArizskAhoSTOCkA0uZ+KghIaci0Qg9R043kUMWI9mtQfgny+NQ5QATnZ+paaA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.15.0.tgz",
+      "integrity": "sha512-Jq8H8U2kYiafuj2xMTPQwkTBnEEdGKpT35lJEQsRRjnG0LW3neucsaMWLgKcwu3OHKNeYugfw+Z20BXBSEs2Lg==",
      "requires": {
-        "@babel/types": "^7.14.5"
+        "@babel/types": "^7.15.0"
      }
    },
    "@babel/helper-module-imports": {
@@ -35498,18 +35499,18 @@
      }
    },
    "@babel/helper-module-transforms": {
-      "version": "7.14.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.14.8.tgz",
-      "integrity": "sha512-RyE+NFOjXn5A9YU1dkpeBaduagTlZ0+fccnIcAGbv1KGUlReBj7utF7oEth8IdIBQPcux0DDgW5MFBH2xu9KcA==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.15.0.tgz",
+      "integrity": "sha512-RkGiW5Rer7fpXv9m1B3iHIFDZdItnO2/BLfWVW/9q7+KqQSDY5kUfQEbzdXM1MVhJGcugKV7kRrNVzNxmk7NBg==",
      "requires": {
        "@babel/helper-module-imports": "^7.14.5",
-        "@babel/helper-replace-supers": "^7.14.5",
+        "@babel/helper-replace-supers": "^7.15.0",
        "@babel/helper-simple-access": "^7.14.8",
        "@babel/helper-split-export-declaration": "^7.14.5",
-        "@babel/helper-validator-identifier": "^7.14.8",
+        "@babel/helper-validator-identifier": "^7.14.9",
        "@babel/template": "^7.14.5",
-        "@babel/traverse": "^7.14.8",
-        "@babel/types": "^7.14.8"
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0"
      }
    },
    "@babel/helper-optimise-call-expression": {
@@ -35536,14 +35537,14 @@
      }
    },
    "@babel/helper-replace-supers": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.14.5.tgz",
-      "integrity": "sha512-3i1Qe9/8x/hCHINujn+iuHy+mMRLoc77b2nI9TB0zjH1hvn9qGlXjWlggdwUcju36PkPCy/lpM7LLUdcTyH4Ow==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.15.0.tgz",
+      "integrity": "sha512-6O+eWrhx+HEra/uJnifCwhwMd6Bp5+ZfZeJwbqUTuqkhIT6YcRhiZCOOFChRypOIe0cV46kFrRBlm+t5vHCEaA==",
      "requires": {
-        "@babel/helper-member-expression-to-functions": "^7.14.5",
+        "@babel/helper-member-expression-to-functions": "^7.15.0",
        "@babel/helper-optimise-call-expression": "^7.14.5",
-        "@babel/traverse": "^7.14.5",
-        "@babel/types": "^7.14.5"
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0"
      }
    },
    "@babel/helper-simple-access": {
@@ -35612,9 +35613,9 @@
      }
    },
    "@babel/parser": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.14.9.tgz",
-      "integrity": "sha512-RdUTOseXJ8POjjOeEBEvNMIZU/nm4yu2rufRkcibzkkg7DmQvXU8v3M4Xk9G7uuI86CDGkKcuDWgioqZm+mScQ=="
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.15.0.tgz",
+      "integrity": "sha512-0v7oNOjr6YT9Z2RAOTv4T9aP+ubfx4Q/OhVtAet7PFDt0t9Oy6Jn+/rfC6b8HJ5zEqrQCiMxJfgtHpmIminmJQ=="
    },
    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
      "version": "7.14.5",
@@ -36085,13 +36086,13 @@
      }
    },
    "@babel/plugin-transform-modules-commonjs": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.14.5.tgz",
-      "integrity": "sha512-en8GfBtgnydoao2PS+87mKyw62k02k7kJ9ltbKe0fXTHrQmG6QZZflYuGI1VVG7sVpx4E1n7KBpNlPb8m78J+A==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.15.0.tgz",
+      "integrity": "sha512-3H/R9s8cXcOGE8kgMlmjYYC9nqr5ELiPkJn4q0mypBrjhYQoc+5/Maq69vV4xRPWnkzZuwJPf5rArxpB/35Cig==",
      "requires": {
-        "@babel/helper-module-transforms": "^7.14.5",
+        "@babel/helper-module-transforms": "^7.15.0",
        "@babel/helper-plugin-utils": "^7.14.5",
-        "@babel/helper-simple-access": "^7.14.5",
+        "@babel/helper-simple-access": "^7.14.8",
        "babel-plugin-dynamic-import-node": "^2.3.3"
      }
    },
@@ -36265,12 +36266,12 @@
      }
    },
    "@babel/preset-env": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.14.9.tgz",
-      "integrity": "sha512-BV5JvCwBDebkyh67bPKBYVCC6gGw0MCzU6HfKe5Pm3upFpPVqiC/hB33zkOe0tVdAzaMywah0LSXQeD9v/BYdQ==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.15.0.tgz",
+      "integrity": "sha512-FhEpCNFCcWW3iZLg0L2NPE9UerdtsCR6ZcsGHUX6Om6kbCQeL5QZDqFDmeNHC6/fy6UH3jEge7K4qG5uC9In0Q==",
      "requires": {
-        "@babel/compat-data": "^7.14.9",
-        "@babel/helper-compilation-targets": "^7.14.5",
+        "@babel/compat-data": "^7.15.0",
+        "@babel/helper-compilation-targets": "^7.15.0",
        "@babel/helper-plugin-utils": "^7.14.5",
        "@babel/helper-validator-option": "^7.14.5",
        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.14.5",
@@ -36318,7 +36319,7 @@
        "@babel/plugin-transform-literals": "^7.14.5",
        "@babel/plugin-transform-member-expression-literals": "^7.14.5",
        "@babel/plugin-transform-modules-amd": "^7.14.5",
-        "@babel/plugin-transform-modules-commonjs": "^7.14.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.15.0",
        "@babel/plugin-transform-modules-systemjs": "^7.14.5",
        "@babel/plugin-transform-modules-umd": "^7.14.5",
        "@babel/plugin-transform-named-capturing-groups-regex": "^7.14.9",
@@ -36336,7 +36337,7 @@
        "@babel/plugin-transform-unicode-escapes": "^7.14.5",
        "@babel/plugin-transform-unicode-regex": "^7.14.5",
        "@babel/preset-modules": "^0.1.4",
-        "@babel/types": "^7.14.9",
+        "@babel/types": "^7.15.0",
        "babel-plugin-polyfill-corejs2": "^0.2.2",
        "babel-plugin-polyfill-corejs3": "^0.2.2",
        "babel-plugin-polyfill-regenerator": "^0.2.2",
@@ -36385,25 +36386,25 @@
      }
    },
    "@babel/traverse": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.14.9.tgz",
-      "integrity": "sha512-bldh6dtB49L8q9bUyB7bC20UKgU+EFDwKJylwl234Kv+ySZeMD31Xeht6URyueQ6LrRRpF2tmkfcZooZR9/e8g==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.15.0.tgz",
+      "integrity": "sha512-392d8BN0C9eVxVWd8H6x9WfipgVH5IaIoLp23334Sc1vbKKWINnvwRpb4us0xtPaCumlwbTtIYNA0Dv/32sVFw==",
      "requires": {
        "@babel/code-frame": "^7.14.5",
-        "@babel/generator": "^7.14.9",
+        "@babel/generator": "^7.15.0",
        "@babel/helper-function-name": "^7.14.5",
        "@babel/helper-hoist-variables": "^7.14.5",
        "@babel/helper-split-export-declaration": "^7.14.5",
-        "@babel/parser": "^7.14.9",
-        "@babel/types": "^7.14.9",
+        "@babel/parser": "^7.15.0",
+        "@babel/types": "^7.15.0",
        "debug": "^4.1.0",
        "globals": "^11.1.0"
      }
    },
    "@babel/types": {
-      "version": "7.14.9",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.14.9.tgz",
-      "integrity": "sha512-u0bLTnv3DFHeaQLYzb7oRJ1JHr1sv/SYDM7JSqHFFLwXG1wTZRughxFI5NCP8qBEo1rVVsn7Yg2Lvw49nne/Ow==",
+      "version": "7.15.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.15.0.tgz",
+      "integrity": "sha512-OBvfqnllOIdX4ojTHpwZbpvz4j3EWyjkZEdmjH0/cgsd6QOdSgU8rLSk6ard/pcW7rlmjdVSX/AWOaORR1uNOQ==",
      "requires": {
        "@babel/helper-validator-identifier": "^7.14.9",
        "to-fast-properties": "^2.0.0"
@@ -41299,9 +41300,9 @@
      "dev": true
    },
    "@types/lodash": {
-      "version": "4.14.171",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.171.tgz",
-      "integrity": "sha512-7eQ2xYLLI/LsicL2nejW9Wyko3lcpN6O/z0ZLHrEQsg280zIdCv1t/0m6UtBjUHokCGBQ3gYTbHzDkZ1xOBwwg==",
+      "version": "4.14.172",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.172.tgz",
+      "integrity": "sha512-/BHF5HAx3em7/KkzVKm3LrsD6HZAXuXO1AJZQ3cRRBZj4oHZDviWPYu0aEplAqDFNHZPW6d3G7KN+ONcCCC7pw==",
      "dev": true
    },
    "@types/long": {
@@ -52284,9 +52285,9 @@
      }
    },
    "js-cookie": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
-      "integrity": "sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ=="
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.0.tgz",
+      "integrity": "sha512-oUbbplKuH07/XX2YD2+Q+GMiPpnVXaRz8npE7suhBH9QEkJe2W7mQ6rwuMXHue3fpfcftQwzgyvGzIHyfCSngQ=="
    },
    "js-message": {
      "version": "1.0.7",
@@ -54214,18 +54215,18 @@
      }
    },
    "nuxt-i18n": {
-      "version": "6.28.0",
-      "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.28.0.tgz",
-      "integrity": "sha512-8XT9UflwAlEDROMTZOwQKFrnM2+eqbHC8UJNlLCjODOCrmhMHGSfojxbFxs4W4+hKdDw4Gz30PHK6v6GIqIzMQ==",
+      "version": "6.28.1",
+      "resolved": "https://registry.npmjs.org/nuxt-i18n/-/nuxt-i18n-6.28.1.tgz",
+      "integrity": "sha512-JKRs8AmixVZ7k90Rrwq468McfnInP1ymuejYHRGA4VV0nZCLYsdDQXZxXl3JXaER9VatM9C24GM3ArAYFOtUhg==",
      "requires": {
-        "@babel/parser": "^7.14.7",
-        "@babel/traverse": "^7.14.7",
+        "@babel/parser": "^7.14.9",
+        "@babel/traverse": "^7.14.9",
        "@intlify/vue-i18n-extensions": "^1.0.2",
        "@intlify/vue-i18n-loader": "^1.1.0",
        "cookie": "^0.4.1",
        "devalue": "^2.0.1",
        "is-https": "^4.0.0",
-        "js-cookie": "^2.2.1",
+        "js-cookie": "^3.0.0",
        "klona": "^2.0.4",
        "lodash.merge": "^4.6.2",
        "ufo": "^0.7.7",
@@ -57857,9 +57858,9 @@
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
    },
    "sass": {
-      "version": "1.37.2",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.37.2.tgz",
-      "integrity": "sha512-+XMg8QOg7OGLo4F5R3fLYEti/3MxFkyX0NxYbqWycU8xYMAhPDN5FuCO2ZJudnM1wcnZ3CeJRnpqUBZpLOitCQ==",
+      "version": "1.37.5",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.37.5.tgz",
+      "integrity": "sha512-Cx3ewxz9QB/ErnVIiWg2cH0kiYZ0FPvheDTVC6BsiEGBTZKKZJ1Gq5Kq6jy3PKtL6+EJ8NIoaBW/RSd2R6cZOA==",
      "dev": true,
      "requires": {
        "chokidar": ">=3.0.0 <4.0.0"
@@ -60155,8 +60156,7 @@
    "typescript": {
      "version": "4.3.5",
      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.3.5.tgz",
-      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==",
-      "peer": true
+      "integrity": "sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA=="
    },
    "ua-parser-js": {
      "version": "0.7.28",
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
    "*.{css,scss,vue}": "stylelint"
  },
  "dependencies": {
-    "@apollo/client": "^3.4.1",
+    "@apollo/client": "^3.4.5",
    "@nuxtjs/axios": "^5.13.6",
    "@nuxtjs/composition-api": "^0.26.0",
    "@nuxtjs/gtm": "^2.4.0",
@@ -43,7 +43,7 @@
    "mustache": "^4.2.0",
    "node-interval-tree": "^1.3.3",
    "nuxt": "^2.15.7",
-    "nuxt-i18n": "^6.28.0",
+    "nuxt-i18n": "^6.28.1",
    "paho-mqtt": "^1.1.0",
    "rxjs": "^6.0.0",
    "socket.io-client": "^4.1.3",
@@ -61,8 +61,8 @@
    "yargs-parser": "^20.2.9"
  },
  "devDependencies": {
-    "@babel/core": "^7.14.8",
-    "@babel/preset-env": "^7.14.9",
+    "@babel/core": "^7.15.0",
+    "@babel/preset-env": "^7.15.0",
    "@commitlint/cli": "^13.1.0",
    "@commitlint/config-conventional": "^13.1.0",
    "@nuxt/types": "^2.15.7",
@@ -78,7 +78,7 @@
    "@nuxtjs/svg": "^0.1.12",
    "@testing-library/jest-dom": "^5.14.1",
    "@types/cookie": "^0.4.1",
-    "@types/lodash": "^4.14.171",
+    "@types/lodash": "^4.14.172",
    "@types/splitpanes": "^2.2.1",
    "@vue/test-utils": "^1.2.2",
    "babel-core": "^7.0.0-bridge.0",
@@ -96,16 +96,14 @@
    "prettier": "^2.3.2",
    "pretty-quick": "^3.1.1",
    "raw-loader": "^4.0.2",
-    "sass": "^1.37.0",
+    "sass": "^1.37.5",
    "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.4",
+    "typescript": "^4.3.5",
    "vue-jest": "^3.0.7",
    "worker-loader": "^3.0.8"
-  },
-  "browser": {
-    "fs": false
  }
 }
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -359,16 +359,43 @@
                class="
                  flex flex-col flex-1
                  text-secondaryLight
-                  py-8
-                  px-4
+                  p-4
                  items-center
                  justify-center
                "
              >
-                <i class="opacity-75 pb-2 material-icons">send</i>
-                <span class="text-center">
-                  {{ $t("waiting_send_req") }}
-                </span>
+                <div class="flex space-x-2 pb-8">
+                  <div class="flex flex-col space-y-4 items-end">
+                    <span class="flex flex-1 items-center">
+                      {{ $t("shortcut.send_request") }}
+                    </span>
+                    <span class="flex flex-1 items-center">
+                      {{ $t("shortcut.reset_request") }}
+                    </span>
+                    <span class="flex flex-1 items-center">
+                      {{ $t("shortcut.show_all") }}
+                    </span>
+                  </div>
+                  <div class="flex flex-col space-y-4">
+                    <div class="flex">
+                      <span class="shortcut-key">{{ getSpecialKey() }}</span>
+                      <span class="shortcut-key">G</span>
+                    </div>
+                    <div class="flex">
+                      <span class="shortcut-key">{{ getSpecialKey() }}</span>
+                      <span class="shortcut-key">I</span>
+                    </div>
+                    <div class="flex">
+                      <span class="shortcut-key">?</span>
+                    </div>
+                  </div>
+                </div>
+                <ButtonSecondary
+                  :label="$t('documentation')"
+                  to="https://docs.hoppscotch.io"
+                  blank
+                  outline
+                />
              </div>
            </AppSection>
          </Pane>
@@ -1291,3 +1318,14 @@ export default defineComponent({
  },
 })
 </script>
+
+<style lang="scss" scoped>
+.shortcut-key {
+  @apply bg-dividerLight;
+  @apply rounded;
+  @apply ml-2;
+  @apply py-1;
+  @apply px-2;
+  @apply inline-flex;
+}
+</style>