feat: add build step to allow for nullish coalescing and optional chaining

packages/hoppscotch-app/jest.config.js

@@ -11,6 +11,13 @@ module.exports = {
     "^.+\\.js$": "babel-jest",
     ".*\\.(vue)$": "vue-jest",
   },
+  globals: {
+    "vue-jest": {
+      templateCompiler: {
+        compiler: require("vue-template-babel-compiler"),
+      },
+    },
+  },
   setupFilesAfterEnv: ["<rootDir>/jest.setup.js"],
   snapshotSerializers: ["jest-serializer-vue"],
   collectCoverage: true,

packages/hoppscotch-app/nuxt.config.js

@@ -251,6 +251,11 @@ export default {
 
   // Build Configuration (https://go.nuxtjs.dev/config-build)
   build: {
+    loaders: {
+      vue: {
+        compiler: require("vue-template-babel-compiler"),
+      },
+    },
     // You can extend webpack config here
     extend(config, { isDev, isClient }) {
       // Sets webpack's mode to development if `isDev` is true.

packages/hoppscotch-app/package.json

@@ -167,6 +167,7 @@
     "ts-jest": "^27.1.2",
     "typescript": "^4.5.4",
     "vue-jest": "^3.0.7",
+    "vue-template-babel-compiler": "^1.0.8",
     "worker-loader": "^3.0.8"
   }
 }