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

Author: remcohaszing

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"
     },