EditorView prop is not reactive when creating custom node

[mojtabaahn]

I'm trying to create a custom node and use view getter to make a look for it using VUE component.

what i want is two looks for it: one for reading mode and one for editing mode. AFAIK its possible to detect editor mode using EditorView.editable property. and EditorView instance is passed to component as view prop.

export default class CustomNode extends Node {

   // emitted node definitions..

   get view() {
        return {
            props: ['node','updateAttrs','view'],
            template :`<div>{{view.editable ? 'component is in editable mode!' : 'component is in reading mode!'}}</div>`,
        }
    }
}

and when i switch to reading mode using instance.setOptions({editable:false}) in main editor file editing will be disabled but the text component is in editable mode! remains still.

I tried using computed property and it has no difference. also when using watchers it doesn't recognize view prop at all!

[mojtabaahn]

#223 referring to same problem