Using Bard in Vue components

[FlxRobole]

Hi dears :)

We are working on a custom fieldtype that basically consists of a Vue component which makes all rows and cols editable with a (non-Bard) wysiwyg editor. So far, everything is working well, but we would like to switch to Bard as the default text editor to unify the look & feel of content editing. However, I found no reference implementation about how to do this directly in Vue.

As one can imagine, a simple <bard-fieldtype v-model="row.value.cells[cellIndex]" /> raises some errors ("Unexpected character at line 1 of JSON data"). "Faking" the required properties showed no effect either as a full field object is (probably) expected by the component. Can somebody provide a hint on whether and how manually calling Bard or the underlying TipTap in a Vue component is possible? Thanks!