Optional parent element in Vue.js

Question

Is there any way to define the parent element as optional based on a condition but always show its children in Vue.js?

For example:

Answer 1

Not sure why my previous answer was deleted. Turns out you can't just C&P answers across multiple Qs. I've gone ahead and flagged the other Qs as dups of this one (I'm trying here... come on moderators...)

---

I've run into this exact issue several times myself and decided to go ahead and create a module with the solution I've been using locally, which can find on NPM:

vue-wrapped-component

This module provides a functional Vue component that allows any component or element to be conditionally wrapped using another component or element.

The previous answers semi-work for very basic of circumstances. This module provides a more robust solution that works in almost any situation, especially complex ones where there's a risk of duplicating lots of code just because you need a simple conditional wrapper.