babel-plugin-transform-react-to-vue

babel-plugin-transform-react-to-vue

🚧 In development...

Install

yarn add babel-plugin-transform-react-to-vue --dev

Usage

{
  "plugins": ["transform-react-to-vue"]
}

Input:

class Counter extends Component {
  state = { count: 0 }

  inc = () => this.setState({count: this.state.count + 1})

  render() {
    return <button onClick={this.inc}>
      {this.state.count}
    </button>
  }
}

Output:

var Counter = {
  data() {
    return {
      count: 0
    }
  },
  methods: {
    inc() {
      this.count = this.count + 1
    }
  },
  render() {
    return <button onClick={this.inc}>
      {this.count}
    </button>
  }
}

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

Author

babel-plugin-transform-react-to-vue © egoist, Released under the MIT License.
Authored and maintained by egoist with help from contributors (list).

egoistian.com · GitHub @egoist · Twitter @rem_rin_rin