vuep | rendering Vue components with live editor | Editor library

I have a form and a input element that gets a default value via :value="something". I want the submit button for this form to be disabled if

1. The input's value is falsey
2. Or, the input's value is the same as the default value.

My problem:

When I first click on the input (and the submit btn is disabled) and type a single thing, the input element doesn't change visually but I can see in the console that its value changed and the submit button no longer becomes disabled.

It seems as if I can't change the value of the input unless this submit button isn't disabled. However, if I get rid of my @input, then I'm able to type into this input fine. So, my guess is that it's something wrong with my event handler.

I've been unable to find a post with my problem, it was also hard to think of what exactly to google since this problem is so strange to me.

When the input matches the old value, it correctly disables the button. When I backspace when the input is 'a' it produces 'apple'. Not sure what's happening there.

Minimal working example of my problem: