Value that is valid to the mask is still being masked

[rjkooijman]

I have the following issue using vue3.

<input type="url" v-model="url" v-maska data-maska="computedMask" data-maska-tokens="{'U': { 'pattern' : '[a-zA-Z0-9-._~/?#@!:$&()*+,;=%]', multiple': true }}" data-maska-eager />

The computed mask is like this:

const computedMask = computed(() => { if (url.startsWith('https://')) { return 'U'; } return 'https://U'; });

The issue is that when url has a value, from the database, the mask is double applied. So for example when url has the value https://google.com, when loading the component the input has the value https://https://google.com, which is wrong. Therefore the computedMask. The computed feels hacky and as a workaround. Is there a way to fix this without the computed or is this a bug?