Cannot instantiate a custom Node

[ebuychance]

Description
I want to be able to paste some html for a custom variable node and have it rendered as said node onPaste.
I created a customNode following the tiptp beta 2 documentation and Node wrapper class.
Then in the editorProps handlePaste method I check the pasted HTML and try to create a custom node and insert it.
I fail to create the custom node at this point.

Steps to reproduce the bug
Steps to reproduce the behavior:

1. https://codesandbox.io/s/tiptap-issue-template-forked-hs0c6?file=/src/components/Tiptap.vue
2. paste in
   <span class='a-variable' data-id='company' title='test' data-val='amazon'>amazon</span>
3. See error message VariableNode is not a constructor

CodeSandbox
I created a CodeSandbox to help you debug the issue:
https://codesandbox.io/s/tiptap-issue-template-forked-hs0c6?file=/src/components/Tiptap.vue

Expected behavior
pasted HTML should create a new custom Node and render accordingly.

Screenshot, video, or GIF

Environment?

• operating system: Catailina macOs
• browser: Chrome
• tiptap version: beta 2

Additional context
I think maybe I could move the handlePaste into the CustomNode? Any insight is greatly appreciated.

[ebuychance]

Ok seems I got past the instantiation error - looked closer to what I was passing.
But now I failed to parse the attrs and the main node content for the text interpolation slot?

Works on the static content, just not the paste?