Single File vue Component example

[panayotisk]

Is it possible to have an example of using our ready SFCs when creating out extensions? I saw the Iframe sample and I was wondering how to do something like it using an SFC.

[philippkuehn]

Hey @panayotisk! You can already do that.

import { Node } from 'tiptap'
import CustomComponent from './CustomComponent.vue'

export default class CustomNode extends Node {

	get name() {
		return 'custom_node'
	}

	get view() {
		return CustomComponent
	}

}

[panayotisk]

@philippkuehn is there also a way to set the SFC component's parent? I need to access the vuex store and it would also be helpful to see its properties in chrome dev tools as is suggested here: buefy/buefy#55 (comment)
Or should I use a different approach?

[philippkuehn]

A good point. Didn't know that!

[philippkuehn]

I added this parent option in tiptap@0.20.0. Thanks for the hint!

[panayotisk]

Great! Thank you for that.