Как технически происходит интеграция Vue-компонента с TipTap в рантайме?

Vue-обёртка создаёт экземпляр TipTap Editor, а EditorContent связывает его с DOM; изменения документа идут через состояние и транзакции ProseMirror.

Расширения задают схему и команды, события редактора синхронизируют данные с приложением. Для собственного узла с Vue-интерфейсом используют отдельный NodeView-адаптер, а не просто вставляют компонент в HTML документа. Нужно контролировать жизненный цикл и избегать циклической обратной записи content.

Источник: tiptap.dev.