v-model not working with output-format="json"

[deka]

Hi,
two-way binding (v-model) not working with output-format="json"
If i re-load json, i see the json, not the result

Regards

[iliyaZelenko]

Interesting, I'll see what is the reason. Code is here, maybe you can help.

[iliyaZelenko]

I tried output-format="json" and it worked correctly for me.

Could you provide a reproduction or at least more information about the problem, please?

If i re-load json, i see the json, not the result

I do not understand.

[deka]

Hi,
I commit reproduction in your demo : here

to reproduce :
write something, click switch, write something, click switch -> json is displayed

PS: if you remove output-format="json", it work as expected

Regards

[t-itzel]

I also want to use v-model with a JSON value but value prop in TipTapVuetify is defined as String which causes a warning:

[Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "[object Object]", got Object

If i pass serialized json content, the warning is gone but the editor content displays the serialized value like seen in screenshot above.

Just insert json content into v-model for reproduction:

<template>
    <tiptap-vuetify output-format="json" v-model="editorContent"></tiptap-vuetify>
</template>
<script>
    data: () => ({
        editorContent: {"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is a "},{"type":"text","marks":[{"type":"bold"}],"text":"test"}]}]}
    })
</script>

[iliyaZelenko]

🎉 This issue has been resolved in version 2.24.0 🎉

The release is available on:

• GitHub release
• npm package (@latest dist-tag)

Your semantic-release bot 📦🚀