"Create App Password" menu item - accessing Vue functions

Most (or all) Nextcloud apps provide a way to log in via QR code. However, for the non-technical user, they probably don’t know that they need to:

  1. Log into Nextcloud
  2. Open the menu in the top right
  3. Go to to the Settings page
  4. Open the Security page
  5. Scroll all the way to the bottom
  6. Type in a device name and click “Create new app password”
  7. Click “Show QR code for mobile apps” (which isn’t even an obvious clickable link)
  8. Scan the QR code with their app

At this point, most users could have typed in their username and password. It would be much easier to have a QR login button either in the top right menu or right next to their avatar icon. Upon clicking this button, users can quickly generate an app password and get a QR code.

I’d love to build this, but Vue.js is NOT something I have ever used. I’m trying to figure out how I would call functions inside the AuthTokenSetupDialogue.vue file using my own JS. Is this possible?