For my A-frame and AR.js project, I needed dynamic html so I incorporated vue.js. I have a functional code that displays text on a hiro marker. However, when I add <div id=app> for vue.js, the camera fails to detect the marker and no error messages are shown in the console.
Below is the easiest way to replicate the issue:
<body>
<div id="app">
<a-scene>
<a-marker preset="hiro">
<a-entity>
//text
</a-entity>
</a-marker>
</a-scene>
</div>
</body>