Synchronous vue components rendering into a string

There is a SFC named Bubble of vue, that contains some simple layout.

Bubble.vue

<script setup lang="ts">

</script>

<template>
  <div hinted-name="wrapper-bubble" class="hinted-bubble-wrapper">
    <div class="hinted-bubble-frame" hinted-name="frame"></div>
  </div>
</template>

<style scoped lang="stylus">

</style>

I also have a class that uses this layout as a base for logic.

export class BubbleStepView extends StepComponentView {
  constructor() {
    super(Bubble.toString);
  }
}

This class needs to receive only an HTML string as a super argument.

Could someone tell me if there’s any way to synchronously convert a Vue component into a string?

The application works on a browser.

I attempted to use the method described in https://v1.test-utils.vuejs.org/api/rendertostring.html, but it didn’t work for me because it returns a Promise.