Update editor to use modelValue for Vue 3

[MattTheCuber]

Closes #3

Fixes value not being 2-way bound, does not fix input being triggered twice.

Tested here.

chrome_IO5KxNLy4e.mp4

[MattTheCuber]

A solution for the double input event call would be to remove it in favor of just using the modeValue?

[jourdain]

To skip the double update, just keep the last sent value in a local var and just skip the emit if same as before.

this.editor.onDidChangeModelContent(() => {
      const newValue = this.editor.getValue();
      if (this.lastValue === newValue) {
            return;
      }
      this.lastValue = newValue;
      this.$emit("update:modelValue", newValue);
      this.$emit("input", newValue);
}

[MattTheCuber]

This still seems to occur...

I set input="console.log($event)", and in the console it first prints the contents then and InputEvent.

[jourdain]

Thanks for the PR but now you are removing vue2 compatibility with v-model. Can you keep both value and modelValue? User should only use one of the 2, not both. That will allow v-model to work in vue2 and vue3.
That also mean, that you need to add value and ("model_value", "modelValue") in the properties list on the python side.