Rendering a Vue component from outside a view instance in JS / TS

getHtmlElementFromVueComponent.ts

import rootVM from "@/main.ts";
import YourComponent from "@/components/YourComponent.vue";

export const getHtmlElementFromVueComponent = (): HTMLElement => {
      const element = document.createElement("span");
      // This may not show an IDE error.
      // You can reproduce what's being ignored using npm run test:unit.
      // @ts-ignore
      const yourComponent = new Vue({
        ...YourComponent,
        parent: rootVM,
        propsData: {
          total: count,
        },
      }).$mount();
      element.innerHTML = yourComponent.$el.outerHTML;
      return element;

};

main.ts

const vm = new Vue({
  router,
  store,
  vuetify,
  render: (h) => h(App),
}).$mount('#app');

export default vm;