Testing whether a Vue component can alter the child text content:
Hello, text → <Highlight>foobar <b>bar</b></Highlight> ← is altered to be uppercase.
This could be useful for localization tags or for markdown or other markup inside text.
To make it work for children, I used the cloneVnode function from LinusBorg's fiddle. There are probably subtleties I'm missing. Does it handle event handlers? Directives? I didn't test.