Find out if we can use a directive rather than a component

[SachaZvetelman]

At the moment, we're using a component to provide the connection-aware functionality. Ideally, it should be a directive.

However, I haven't been able to make the directive work in a similar way to v-if (i.e. do not render the DOM element at all if the conditions are not matched). This is important to avoid loading unnecessary resources.

This person is having a similar problem: https://forum.vuejs.org/t/custom-v-if-directive/63763