Tiptap: 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: https://github.com/buefy/buefy/issues/55#issuecomment-343859081
Or should I use a different approach?

[philippkuehn]

A good point. Didn't know that!

[philippkuehn]

I added this parent option in [email protected]. Thanks for the hint!

[panayotisk]

Great! Thank you for that.