How can I use a custom Vue widget in the Expand widget?

[MattStayner]

I want to build a custom widget built with Vue and show it in the Expand widget.

For example, how would modify this example to show the camera-info Vue component inside an Expand widget?

[ReneRubalcava · Accepted solution]

You can do it a couple of ways. You can set the Expand content to the Vue target element or the Vue output element ".$el". Here is a demo.

https://codepen.io/odoe/pen/WNoJrWv?editors=1000

[MattStayner]

Perfect! Thanks for the quick response. I was just missing content: document.getElementById("info"). For others who may be interested, the following also works:

const expand = new Expand({
	view,
	content: info.$el
});