fix(Input/Textarea): add v-model modifiers

[maxsteinwand]

🔗 Linked issue

Resolves #853

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Implements the v-model modifiers for UInput and UTextarea. Possible modifiers are .lazy .number and .trim v-model docs

.lazy will update the modelValue onChange
.number will return the value as typeof number (if parseable) the function to parse a number is from the offical vue repo.
.trim will trim the string

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly. (No changes needed)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	Nov 7, 2023 6:43pm

[maxsteinwand]

@benjamincanac this is ready to merge or another QA if you want

[benjamincanac]

I'm not sure to understand why we need to do this, the default .trim, .number and .lazy modifiers should work out of the box 🤔

[maxsteinwand]

Check the Issue that is linked. The .lazy will not work as in UInput you update the value @ input and no @ change event is implemented. As the native v-model.lazy will transpile into :value and @ change. Number works but the native input has the behaviour of applying the .number modifier if you do type="number". Trim and default .number behaviour will work, just added them for completion.

[benjamincanac]

Ok got it, thanks for the explanation! Will review this asap 😊

[benjamincanac]

Thanks! 😊