wa-js - how to access an injected variable

[capoia]

Hello, I'm trying to make an extension that modifies WhatsApp, but I needed to use plasmo/vue together with the wppconnect-team/wa-js package, it basically exposes some WhatsApp functions to be used in JS, for that it would basically be just a matter of injecting the script into the page.

I have already tried injecting the script via background script and also within a CSUI:

function loadScript(src: string): Promise<void> {
  return new Promise((resolve, reject) => {
    const script = document.createElement('script')
    script.type = 'text/javascript'
    script.src = src
    script.async = true
    script.textContent = `console.log('script loadedd')`
    script.onload = (event) => {
      console.log('script loaded', window)
      return resolve()
    }
    script.onerror = () => reject(new Error(`Failed to load script: ${src}`))
    document.head.appendChild(script)
  })
}

So when I type WPP or window.WPP in the console it gives me access to the functions. However, I cannot access these same variables within PLASMO/VUE, the window object comes without the .wpp and the WPP does not exist within the console.log that I give within plasmo/vue.

I have tried content script without vue and it still does not work, I have tried inserting it with the world: 'MAIN' parameter, but I have not been able to make it work.

Can anyone help me with this?