Vue JSX does not support spread.

[nickmessing]

When using spread vue's JSX transform adds an import which can not be handled at the moment. You can replicate that by trying:

const App = {
  data: () => ({
  	sel: 2
  }),
  render() {
    return (
      <input type="checkbox" {...{}} />
    );
  }
}

new Vue({
  el: '#app',
  render: h => h(App)
})

[egoist]

I just added a view compiled button so that you could know what happened behind the scene more easily:

I guess we can simply:

import merge from '!somehow-load-as-umd-loader!babel-helper-vue-jsx-merge-props'

transformedCode.replace(/import _mergeJSXProps from "babel-helper-vue-jsx-merge-props";/, merge)

Do you have any better idea?

[nickmessing]

I was thinking of:

import('babel-helper-vue-jsx-merge-props').then(vueMergeJSXProps => window.vueMergeJSXProps = vueMergeJSXProps)

/*...*/

transformedCode.replace(/import ([_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*) from ['"]babel-helper-vue-jsx-merge-props['"];?/, 'const $1 = window.vueMergeJSXProps')

I guess " and ; are not likely to disappear but babel's naming is unpredictable with their versions and should be universal.