Как исправить ошибку Buffer is not defined при подключении WebRTC к Vue.js?

Question

[EZ9]

Здравствуйте, пытаюсь подключить WebRTC к своему приложению на Vue.js 3 vite.
Подключаю вот так в файле main.js

import { createApp } from "vue";
import App from "./App.vue";
import components from "@/components/UI";
import router from "@/router/router.js";
import store from "@/store";
import VueWebRTC from 'vue-webrtc'


const app = createApp(App);
components.forEach((component) => {
  app.component(component.name, component);
});

app
  .use(router)
  .use(store)
  .use(VueWebRTC)
  .mount("#app");

После этого возникает ошибка ReferenceError: global is not defined.
Ее удается исправить добавив global в vite.config.js

import { fileURLToPath, URL } from "node:url";
   
   import { defineConfig } from "vite";
   import vue from "@vitejs/plugin-vue";

   const fs = require('fs');
   
   
   export default defineConfig({
     plugins: [vue()],
     define: {
       global: {},
     },
     server: {
      https: {
        key: fs.readFileSync('key.pem'),
        cert: fs.readFileSync('cert.pem'),
      },
     },
     resolve: {
       alias: {
         "@": fileURLToPath(new URL("./src", import.meta.url)),
       },
     },
   });

После этого возникает ошибка Uncaught ReferenceError: Buffer is not defined, которую исправить не удается.
Подскажите, что можно сделать