vue.js注册网络组件

我正在使用vue.js，并使用stencil.js创建了一个网络组件。我不想将webcomponent发布到npm，这就是为什么我只是将它包含在vue项目的src/assets目录中

但是我得到了错误

[Vue warn]: Unknown custom element: <my-component> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 
    found in ---> 
        <App> at src/app.vue
            <Root>

因为当我在本地运行组件时，它仍然是空的

---

谢谢你的帮助

如果在本地包含web组件，则可以使用@vue/web组件包装器：

import Vue from 'vue'
import wrap from '@vue/web-component-wrapper'

const Component = {
  // any component options
}

const CustomElement = wrap(Vue, Component)

window.customElements.define('my-element', CustomElement)

import Vue from 'vue'
import wrap from '@vue/web-component-wrapper'

const Component = {
  // any component options
}

const CustomElement = wrap(Vue, Component)

window.customElements.define('my-element', CustomElement)