Can't change my input data using x-model

[dticed]

Hi guys! I'm trying to implement a plugin for WordPress and I'm using Alpinejs to create the view for a meta-box.
My view:

<div x-data="erm()">
    <input id="related-movie" type="text" x-model="msg" @input="getType">
 
    <span x-text="msg"></span> | <span x-text="getType"></span>
</div>

My script:

document.addEventListener("alpine:init", () => {
  Alpine.data("erm", () => ({
    msg: "",
    
    init() {
        console.log(`init`);
      console.log(typeof this.msg);
    },

    getType() {
        return typeof this.msg;
    }
  }));
});

The issue:
Every time I try to insert data on my input field, it changes to type number and gets a 0 from somewhere. Can somebody help with this?

Demo:
https://github.com/alpinejs/alpine/assets/11221061/f0025877-cc1c-4800-944d-e5b0ad3d636f

[ekwoka]

seems to work fine

You have some other code doing something

[dticed]

Yes. It is probably some other script that is doing something...
I tried adding the .lazy to the x-model and it worked. Do you have any idea what this could be?