feat(vue-jsx-vapor): use virtual code to support browser environments

Author: zhiyuanzmj

packages/babel/src/index.ts

@@ -101,7 +101,7 @@ export default (): {
           })
           if (helpers.length) {
             statements.unshift(
-              `import { ${helpers.map((i) => `${i} as _${i}`).join(', ')} } from 'vue-jsx-vapor';\n`,
+              `import { ${helpers.map((i) => `${i} as _${i}`).join(', ')} } from 'vue-jsx-vapor/runtime';\n`,
             )
           }
 

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

@@ -9,6 +9,8 @@ import {
   type EffectScope,
 } from 'vue'
 
+export { shallowRef as useRef } from 'vue'
+
 function createFragment(
   nodes: Block[],
   anchor: Node | undefined = document.createTextNode(''),

packages/vue-jsx-vapor/src/index.ts

@@ -1,3 +1 @@
-export { shallowRef as useRef } from 'vue'
-
 export * from './core/runtime'

packages/vue-jsx-vapor/src/raw.ts

@@ -1,6 +1,7 @@
 import Macros from '@vue-jsx-vapor/macros/raw'
-import { createFilter } from 'unplugin-utils'
+import { createFilter, normalizePath } from 'unplugin-utils'
 import { transformVueJsxVapor } from './core'
+import runtimeCode from './core/runtime?raw'
 import type { Options } from './options'
 import type { UnpluginOptions } from 'unplugin'
 
@@ -30,6 +31,15 @@ const plugin = (options: Options = {}): UnpluginOptions[] => {
           }
         },
       },
+      resolveId(id) {
+        if (normalizePath(id) === 'vue-jsx-vapor/runtime') return id
+      },
+      loadInclude(id) {
+        return normalizePath(id) === 'vue-jsx-vapor/runtime'
+      },
+      load(id) {
+        if (normalizePath(id) === 'vue-jsx-vapor/runtime') return runtimeCode
+      },
       transformInclude,
       transform(code, id) {
         return transformVueJsxVapor(code, id, options)