Hello, new Vue user here learning the ropes. We have an existing widget that I’m porting to Vue. The widget is a button that pops up a modal. This button may appear multiple times on a page, so must be efficiently reusable.
I went down the path of web-component-wrapper to create a custom component that may be declared in HTML (e.g.
<my-component></my-component>). I got that working only to discover that CSS modules don’t work in custom shadow DOM components. The work-around currently doesn’t work for Safari, which puts a nail in the coffin for that option.
Is there a good way to load the bundle with a script tag and have it render at that location? For example:
<div> <script src="myWidget.js" option1="123" option2="abc"/> </div> <div> <script src="myWidget.js" option1="456" option2="xyz"/> </div>