Class-based TypeScript component does not get initialized properly

Hi there!

I am trying to run a minimal configuration using vue-custom-element and TypeScript. Unfortunately, I get this error when trying to load the html file in a browser:

vue.esm.js?a026:4798 Uncaught TypeError: Cannot read property '_init' of undefined
    at VueComponent (vue.esm.js?a026:4798)
    at HTMLElement.connectedCallback (vue-custom-element.esm.js?c894:430)
    at HTMLElement.connectedCallback (vue-custom-element.esm.js?c894:57)
    at registerCustomElement (vue-custom-element.esm.js?c894:99)
    at Function.vueCustomElement [as customElement] (vue-custom-element.esm.js?c894:423)
    at eval (index.ts?ffb4:7)
    at Object.<anonymous> (build.js:1)
    at g (build.js:1)
    at build.js:1
    at build.js:1

I tried to strip away everything unimportant but am stuck at this point. Any ideas what might went wrong?

[karol-f]

@sonovice Hi, you are right. It’s because vue-class-component returns constructor. I checked and to make it works you have to use:

Vue.customElement('hello-component', (new HelloComponent()).$options);

Hope it will work now. Regards!

[sonovice]

… my bad. Thank you so much! It works now.