fix(jsx-runtime): fix automatic runtime implementation (#7959)

packages/vue/jsx-runtime/index.js

@@ -1,4 +1,10 @@
-const Vue = require('vue')
-exports.jsx = Vue.h
-exports.jsxDEV = Vue.h
-exports.Fragment = Vue.Fragment
+const { h, Fragment } = require('vue')
+
+function jsx(type, { children, ...props }) {
+ return h(type, props, children)
+}
+
+exports.jsx = jsx
+exports.jsxs = jsx
+exports.jsxDEV = jsx
+exports.Fragment = Fragment

packages/vue/jsx-runtime/index.mjs

@@ -1 +1,12 @@
-export { h as jsx, h as jsxDEV, Fragment } from 'vue'
+import { h, Fragment } from 'vue'
+
+function jsx(type, { children, ...props }) {
+ return h(type, props, children)
+}
+
+export {
+ Fragment,
+ jsx,
+ jsx as jsxs,
+ jsx as jsxDEV
+}

packages/vue/package.json

@@ -43,6 +43,11 @@
  "import": "./jsx-runtime/index.mjs",
  "require": "./jsx-runtime/index.js"
  },
+ "./jsx-dev-runtime": {
+ "types": "./jsx-runtime/index.d.ts",
+ "import": "./jsx-runtime/index.mjs",
+ "require": "./jsx-runtime/index.js"
+ },
  "./jsx": {
  "types": "./jsx.d.ts"
  },