Existing phone number becomes +undefined when using showDialCode: true

[x3rAx]

Current behavior

When adding the prop :input-options="{showDialCode: true}" the the phone number in the v-model is changed to +undefined if the number already contains a country code when the component is loaded.

Expected behavior

The number should not be changed and the flag should be set according to the country code of the number

Versions

Libraries:

• vue-tel-input-vuetify version: 1.5.3
• vue version: 2.7.14

Environment:

• Device: Framework Laptop
• OS: NixOS 22.11
• Browser: Firefox
• Browser Version: 112.0

Additional context

PR incoming 😉

[fitzhavey]

Looks like this only happens if the data is passed to the component before the mounted() hook runs, if you leave the component alone until then - everything is fine!