feat: wc v2 (#335)

nuxt.config.ts

@@ -296,6 +296,7 @@ const config = <NuxtConfig>{
     parallel: isProduction,
     babel: {
       compact: true,
+      plugins: ["@babel/plugin-proposal-optional-chaining", "@babel/plugin-proposal-nullish-coalescing-operator"],
     },
     postcss: {
       plugins: {
@@ -319,6 +320,22 @@ const config = <NuxtConfig>{
     },
     transpile: ["oh-vue-icons", "@inkline/inkline", "iconsPlugin", "filtersPlugin", "restoreSessionPlugin"],
     extend: (config: Configuration) => {
+      config.module!.rules.push({
+        test: /\.m?js$/,
+        include: [
+          /node_modules[\\/]@walletconnect/,
+          /node_modules[\\/]@web3modal[\\/]core/,
+          /node_modules[\\/]@web3modal[\\/]ui/,
+        ],
+        use: {
+          loader: "babel-loader",
+          options: {
+            presets: ["@babel/preset-env"],
+            plugins: ["@babel/plugin-proposal-optional-chaining", "@babel/plugin-proposal-nullish-coalescing-operator"],
+          },
+        },
+      });
+
       config.node = {
         fs: "empty",
       };

package.json

@@ -57,7 +57,7 @@
     "@inkline/nuxt": "^2.3.6",
     "@matterlabs/eslint-config-nuxt": "^1.0.6",
     "@matterlabs/prettier-config": "^1.0.2",
-    "@matterlabs/zksync-nuxt-core": "^1.10.2",
+    "@matterlabs/zksync-nuxt-core": "1.11.0",
     "@nuxt/typescript-runtime": "^2.1.0",
     "@nuxtjs/google-gtag": "^1.0.4",
     "@nuxtjs/sentry": "^5.1.7",
@@ -75,6 +75,8 @@
     "zksync": "^0.13.1"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@commitlint/cli": "^16.2.3",
     "@commitlint/config-conventional": "^16.2.1",
     "@ethersproject/address": "^5.5.0",