error:Uncaught ReferenceError: global is not defined at vue-dapp.js，just running a simple Hello World example

[meta-bowen]

I'm getting this weird error when I try to run an app with vue-dapp installed:
Uncaught ReferenceError: global is not defined at vue-dapp.js:71622

It's just a basic hello world project at this point.

main.js:

import { createApp } from 'vue';
import App from './App.vue';
import { VueDapp } from 'vue-dapp';

const app = createApp(App);

app.use(VueDapp);

app.mount('#app');

App.vue:

<template>
  <vdapp-board />
  <img alt="Vue logo" src="./assets/logo.png">
  <p>Hello</p>
</template>

<script>
export default {
  name: 'App',
}
</script>

<style>

</style>

And that's it.

I don't even need WalletConnect, I just want to run a simple app to try vue-dapp out.

Any idea how to solve this?

[meta-bowen]

I built the base project using the following commands：

# npm 6.x
$ npm init vite@latest <project-name> --template vue

[johnson86tw]

Hi @meta-bowen, take a look at these settings: https://github.com/chnejohnson/vue-dapp#using-vite

And ensuring that you're using latest vue-dapp version. (0.4.5)

Or you can directly refer to the setting of this project: https://github.com/chnejohnson/vue3-dapp-starter

Because Vite is only for ES module, it looks a little bit hacky to solve the problem that Vite can't import the built-in node.js package from the third-party modules. Refer to #20