WIP: Add Buffer polyfill

package.json

@@ -22,9 +22,10 @@
     "preview": "vite preview"
   },
   "devDependencies": {
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@hiveio/wax": "1.27.6-rc7-250328142506",
-    "@hiveio/wax-signers-metamask": "1.27.6-rc7-250328142506",
     "@hiveio/wax-signers-keychain": "1.27.6-rc7-250328142506",
+    "@hiveio/wax-signers-metamask": "1.27.6-rc7-250328142506",
     "@hiveio/wax-signers-peakvault": "1.27.6-rc7-250328142506",
     "@mdi/js": "^7.4.47",
     "@metamask/providers": "^16.0.0",

pnpm-lock.yaml

@@ -8,6 +8,9 @@ importers:
 
   .:
     devDependencies:
+      '@esbuild-plugins/node-globals-polyfill':
+        specifier: ^0.2.3
+        version: 0.2.3(esbuild@0.25.0)
       '@hiveio/wax':
         specifier: 1.27.6-rc7-250328142506
         version: 1.27.6-rc7-250328142506
@@ -125,6 +128,11 @@ packages:
     resolution: {integrity: sha512-rGPjzD7a7cPtMHjpJEtLMt/RmqX8XK25tN5qjuu9iaDMK/Ril86CecU5DN/TXEMUQMY1p6b2cVvKBLTdFMr2DA==}
     engines: {node: '>=6'}
 
+  '@esbuild-plugins/node-globals-polyfill@0.2.3':
+    resolution: {integrity: sha512-r3MIryXDeXDOZh7ih1l/yE9ZLORCd5e8vWg02azWRGj5SPTuoh69A2AIyn0Z31V/kHBfZ4HgWJ+OK3GTTwLmnw==}
+    peerDependencies:
+      esbuild: '*'
+
   '@esbuild/aix-ppc64@0.25.0':
     resolution: {integrity: sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==}
     engines: {node: '>=18'}
@@ -1953,6 +1961,10 @@ snapshots:
     dependencies:
       long: 3.2.0
 
+  '@esbuild-plugins/node-globals-polyfill@0.2.3(esbuild@0.25.0)':
+    dependencies:
+      esbuild: 0.25.0
+
   '@esbuild/aix-ppc64@0.25.0':
     optional: true
 

vite.config.ts

@@ -3,6 +3,7 @@ import vue from '@vitejs/plugin-vue'
 import autoprefixer from 'autoprefixer'
 import tailwind from 'tailwindcss'
 import { defineConfig } from 'vite'
+import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -11,6 +12,18 @@ export default defineConfig({
       plugins: [tailwind(), autoprefixer()],
     },
   },
+  optimizeDeps: {
+    esbuildOptions: {
+      define: {
+        global: 'globalThis' // fix nuxt3 global
+      },
+      plugins: [
+        NodeGlobalsPolyfillPlugin({
+          buffer: true
+        }),
+      ]
+    }
+  },
   plugins: [vue()],
   resolve: {
     alias: {