Add real-time word count display function in the lower right corner of Textarea

[mcpanl]

Description

Add real-time word count display function in the lower right corner of Textarea

Additional context

No response

[maxsteinwand]

You could achieve this by doing something like this:

<div class="relative">
	<UTextarea v-model="msg" />
	<div class="absolute right-0">
		{{ 15 - msg.length }} Chars remaining
        </div>
</div>

[benjamincanac]

I've added a slot in the Textarea so you could even add this in absolute inside the textarea directly.