Create ESM javascript build + docs

[amritk]

A requested feature is to have a JS ESM version of references. This should be easy to do by creating a little wrapper around vue with an init function.

[Ansett]

Hello. Any rough ETA on this?
We're planning to use Scalar, but we're still on Vue 2.7.

[amritk]

unfortunately not at the moment, as things are pretty crazy! But we hope to start setting up our roadmap later this year so you will be able to track the tickets!

[geoffgscott]

@Ansett We were able to get something completed this week. You can take a look at #1855 for an example integration but in Vue 2 you would likely just do something along the lines of:

data: {
  scalarInstance: null,
  configuration: {
    // ... Some config here. When this changes the watcher will trigger and update the configuration
  },
},
mounted() {
  this.scalarInstance = createScalarReferences(
    this.$refs.element,
    this.configuration ?? {}
  );
},
beforeDestroy() {
  this.scalarInstance?.unmount();
},
watch: {
  configuration: function (val) {
    this.scalarInstance?.updateConfig(val, false);
  },
}

Excuse any syntax errors my Vue2 is very rusty.

[Ansett]

Wonderful! We're going to try this. Thanks a lot.