Web components cannot be typechecked in templates with the defineCustomElement function

[adrienZ]

the guide https://vuejs.org/guide/extras/web-components.html#building-custom-elements-with-vue may not be detailed enought for library authors.

creating a custom elements defineCustomElement will not be enought to allow type checking on vue template

I managed to do it by extending vue module types (as a believe this whats Nuxt does)

import Counter from './src/components/counter.ce.vue'

declare module 'vue' {
  export interface GlobalComponents {
    'web-counter': typeof Counter,
    'WebCounter': typeof Counter,
  }
}

source code

Should we add this in the guide ?

[NataliaTepluhina]

@adrienZ yes, we can add this to custom elements guide. Would you be willing to create a pull request?

[adrienZ]

Hi @NataliaTepluhina, I can make one next week :)

[yyx990803]

closed via #2377