This page is used to manually test DataFormsJS Web Components with Vue and Vue Router however there are some work-arounds in order for all elements to work properly.
Both Vue 2 and Vue 3 are supported. To try different versions uncomment and uncomment the desired version near the bottom of this file.
When using Vue 2 built-in Custom Elements such as <input is="input-filter"> are not supported so the needed elements are swapped after Vue is mounted.
When using the most recently tested version of Vue 3 the page has to be reloaded after each routing change otherwise the [url] attribute ends up missing from <json-data>. A work-around which this page uses is in place to manually add back the [url] on the mounted event. See comments in the code for more.
For more details on using Vue with Custom Elements see the link below:
For older browsers (IE 11, Old Safari) this page only partially works because the custom JavaScript on this page is not designed to currently handle old browsers.
https://v3.vuejs.org/guide/migration/custom-elements-interop.html