feat: support functional component in interop mode

Author: zhiyuanzmj

docs/introduction/getting-started.md

@@ -25,7 +25,7 @@ We assume you are already familiar with the basic usages of Vue before you conti
 pnpm add vue-jsx-vapor
 
 # runtime
-pnpm add https://pkg.pr.new/vue@9e2eea9
+pnpm add https://pkg.pr.new/vue@715b798
 ```
 
 The Vue Vapor runtime is not release, so we use [pkg.pr.new](https://github.com/stackblitz-labs/pkg.pr.new) to install.

packages/babel/src/index.ts

@@ -95,14 +95,20 @@ export default (): {
             statements.unshift(preambleResult)
           }
 
-          const helpers = ['setNodes', 'createNodes'].filter((helper) => {
+          const helpers = [
+            'setNodes',
+            'createNodes',
+            state.opts.interop ? 'createComponent' : '',
+          ].filter((helper) => {
             const result = importSet.has(helper)
             result && importSet.delete(helper)
             return result
           })
           if (helpers.length) {
             statements.unshift(
-              `import { ${helpers.map((i) => `${i} as _${i}`).join(', ')} } from 'vue-jsx-vapor/runtime';\n`,
+              `import { ${helpers
+                .map((i) => `${i} as _${i}`)
+                .join(', ')} } from 'vue-jsx-vapor/runtime';\n`,
             )
           }
 

packages/vue-jsx-vapor/src/core/runtime.ts

@@ -16,6 +16,11 @@ import {
 
 export { shallowRef as useRef } from 'vue'
 
+export const createComponent: typeof _createComponent = (...args) => {
+  typeof args[0] === 'function' && (args[0].__vapor = true)
+  return _createComponent(...args)
+}
+
 /**
  * Returns the props of the current component instance.
  *