Is it possible to escape template element with v-if from the renderer and use it as an html element?

[JianJroh]

<template v-if="true" shadowrootmode="open">
  <h1>Declarative Shadow DOM</h1>
</template>

html result: <h1>Declarative Shadow DOM</h1>

Expect a way to render the result including the template tag

[skirtles-code]

You'd need two <template> tags instead:

<template v-if="true">
  <template shadowrootmode="open">
    <h1>Declarative Shadow DOM</h1>
  </template>    
</template>

You can't achieve the desired result with a single <template> tag.