Not able to have any communication between background script and Quasar App

[daveavi]

Hi!

Currently, I am just getting myself introduced to developing a Quasar BEX. Right now I am following this tutorial: https://dev.to/quasar/quasar-and-browser-extension-development-getting-bexy-part-2-17ea , to help me understand how communication is done using Quasar. I am running into an issue where I am not able to render my extension onto the web page once the extension icon is clicked.
Here is my onClick listener in my background script:

Here is my main Vue Component that is listening for this call:

Here is my content script that should activate my Quasar application onto the web page:

I have these log statements to see if communication is happening between all the parties involved, but the only thing being logged for me currently is in my background script logs where I am sending a message to my Quasar. Prior to this, I was sending a message directly to the content script, and it was working there, however that is not the best practice of using Quasar and I was running into issues with that too which is discussed in this thread : #8843

Your help is much appreciated!

Regards,

Avi Dave

[daveavi]

I was able to solve the issue, I made a silly error, by not using a IIFE in the content script to initially load my Vue component.

[realtebo]

if you could post a bit of code will help future googlers like me now