How do we implement some APIs in vue (e.g async component)

[baiwusanyu-c]

What we can see now is how to implement or be compatible with some Vue APIs ?

[baiwusanyu-c]

Web Component

// app.vine.ts
export function BlogPost() {
 return vine`
      <span>BlogPost</span>
  `
}
// main.ts
const ce = defineCustomElement(BlogPost)
window.customElements.define('blog-post-ce', ce)
app.config.compilerOptions.isCustomElement = (tag: string) => tag.includes('-ce')

Export the corresponding component method in vcf, which can be used as web component parameter, and the usage method is consistent with vue

[baiwusanyu-c]

🎯 known issues：

1. Cannot use defineCustomElement directly in vcf top-level scope value
2. style failure feat: added a marco function vineCE to mark web component #41

[baiwusanyu-c]

🎯 known issues：

1. Cannot use defineAsyncComponent directly in vcf top-level scope value

[baiwusanyu-c]

cc @ShenQingchuan