The JavaScript API to interact with a Live Data instance is not accessible

The JavaScript API to interact with a Live Data instance is defined by Logic.js. This API is exposed in two ways:

• liveData.js saves a reference in the data of the root element, using the 'livedata' key
• calling Logic(element) (actually init) returns the API associated with the given element (if the live data widget was already created)

In both cases you need to have access to the root element that is enhanced by the live data widget. The problem is that this element is replaced / detached so you can't access it anymore after the live data is created.. See XWIKI-19634 also.

We need to:

• either don't remove the root element (i.e. make it wrap the Vue.js component)
• or expose the Logic API on the root of the Vue.js component