vuejs / babel-preset-vue Goto Github PK

Want to discuss about whether adding babel-plugin-vue-jsx-sync to preset.

This plugin enable sync modifier in JSX, which it's as useful as v-model. Since this preset has model plugin, I think sync could be added too.

For Example:
in parent:
render(){ return ( <div>abc &lt; </div> ) }

in child
this.$slots.default // we have "abc <"

Is there any way to prevent auto-converting < to < ?

transfrom-jsx 更新以后没有发布啊 2.0.2还是3.x的依赖

I think we could add sugar transforms to this preset as a complex preset. Here's draft release notes. It's 100% reverse compatible. The only thing that could be potentially affected is:

const A = () => <h1>Hello</h1>

But since we use this.$createElement this syntax is not likely to be used anywhere.

@yyx990803, @egoist, what do you think?

https://github.com/nickmessing/babel-plugin-jsx-v-model/commits/master

> mocha --require babel-register --require test/unit/setup.js "test/**/*.spec.js"

---/node_modules/babel-core/lib/transformation/file/index.js:558
      throw err;
      ^

SyntaxError: ---/src/views/Accommodation.vue: Unexpected token, expected , (14:85)
  12 |             <tr>
  13 |               <td> Total Cost of Accommodation </td>
> 14 |               <td id="divtotalcost" class="amount"> {{ formatPrice(accommodationSpend.totalCostOfAccommodation) }} </td>
     |                                                                                      ^
  15 |             </tr>
  16 |             <tr>
  17 |               <td> Number of Room Nights </td>
    at Parser.pp$5.raise (---/node_modules/babylon/lib/index.js:4454:13)

For some reason it doesn't believe I can have a '.' in an argument?