feat(Editable): use Primitive for input to enable textarea usage

[epr3]

Implements #1044.

Editable component input implementation aligned to NumberField input implementation.

[zernonia]

Minor feedback. Else LGTM!

[pkg-pr-new]

Run & review this pull request in StackBlitz Codeflow.

commit: d00e7ce

radix-vue

npm i https://pkg.pr.new/radix-vue@1045

---

templates

• default

[sadeghbarati]

https://stackblitz.com/edit/tqkblp?file=src%2FApp.vue

New lines are not printout in EditablePreview component, maybe serialize or stringify or parse could help?

eg: Radix Vue' \\n QQWE\n\nNew Line\n\nNew Line

Black text is the log which removed in new commit

[epr3]

@sadeghbarati I think adding the whitespace-pre class to the EditablePreview component would render the new lines.

[sadeghbarati]

@epr3 Yes you right, that Black Text in above image was the redundant log value you removed in chore(Editable): remove log variable and redundant defaultValue

even without that class it is working 👍