Adding plugins to Vue3 Custom Elements

Hi folks,

We’re using a Vue3 custom element to create an embedable widget and creating it using code similar to to this:

import { defineCustomElement } from "vue";
import App from "./App.ce.vue";
customElements.define("my-embed", defineCustomElement(App));

I’d like to use a plugin for recaptcha in which is normally added with vue.use() like this:

import Vue from 'vue'
import { VueReCaptcha } from 'vue-recaptcha-v3'
Vue.use(VueReCaptcha, { siteKey: '<site key>' })

Any advice on how to add the plugin given the custom element context would be very much appreciated.

Many thanks!