move componentrenderer

packages/vue/index.ts

@@ -1 +1,2 @@
-export { default as EditorContent } from './src/components/EditorContent'
+export { default as EditorContent } from './src/components/EditorContent'
+export { default as Renderer } from './src/Renderer'

packages/vue/package.json

@@ -12,6 +12,7 @@
     "dist"
   ],
   "peerDependencies": {
+    "@tiptap/core": "2.x",
     "vue": "2.x"
   }
 }

packages/vue/src/Renderer.ts

@@ -0,0 +1,33 @@
+import Vue from 'vue'
+import { ComponentRenderer } from '@tiptap/core'
+
+export default class Renderer extends ComponentRenderer {
+
+  static type: string = 'vue'
+
+  vm!: Vue
+  
+  constructor(component: Vue, options: any) {
+    super()
+    this.mount(component)
+  }
+
+  mount(component: Vue) {
+    const Component = Vue.extend(component)
+
+    this.vm = new Component({
+      // parent: this.parent,
+      // propsData: props,
+    }).$mount()
+  }
+
+  get dom() {
+    return this.vm.$el
+  }
+
+  get contentDOM() {
+    return this.vm.$refs.content
+  }
+
+}
+