fix(jsx-runtime): handle keys (#7976)

diff --git a/packages/vue/jsx-runtime/index.js b/packages/vue/jsx-runtime/index.js
index 255fb4490dfd19c4e18eb6371603ea28943f9238..73b137d5261dc6f2afda006d78efe87e2cfd8b7b 100644 (file)
--- a/packages/vue/jsx-runtime/index.js
+++ b/packages/vue/jsx-runtime/index.js
@@ -1,6 +1,11 @@
 const { h, Fragment } = require('vue')
 
-function jsx(type, { children, ...props }) {
+function jsx(type, props, key) {
+  const { children } = props
+  delete props.children
+  if (arguments.length > 2) {
+    props.key = key
+  }
   return h(type, props, children)
 }
 

diff --git a/packages/vue/jsx-runtime/index.mjs b/packages/vue/jsx-runtime/index.mjs
index 92bb8a9d4ade3c943a3cbec15f3d97ddc4097112..57dd60af68f12e5924bb78103a1a79db6304c991 100644 (file)
--- a/packages/vue/jsx-runtime/index.mjs
+++ b/packages/vue/jsx-runtime/index.mjs
@@ -1,6 +1,11 @@
 import { h, Fragment } from 'vue'
 
-function jsx(type, { children, ...props }) {
+function jsx(type, props, key) {
+  const { children } = props
+  delete props.children
+  if (arguments.length > 2) {
+    props.key = key
+  }
   return h(type, props, children)
 }