@vue/babel-preset-jsx

Configurable preset for Vue JSX plugins.

Babel Compatibility Notes

• This repo is only compatible with Babel 7.x, for 6.x please use vuejs/babel-plugin-transform-vue-jsx

Usage

Install the dependencies:

# for yarn:
yarn add @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props
# for npm:
npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props --save

In your .babelrc:

{
  "presets": ["@vue/babel-preset-jsx"]
}

You can toggle specific features, by default all features are enabled, e.g.:

{
  "presets": [
    [
      "@vue/babel-preset-jsx",
      {
        "vModel": false
      }
    ]
  ]
}

Options are:

• functional @vue/babel-sugar-functional-vue - Functional components syntactic sugar
• injectH @vue/babel-sugar-inject-h - Automatic h injection syntactic sugar
• vModel @vue/babel-sugar-v-model - vModel syntactic sugar
• vOn @vue/babel-sugar-v-on - vOn syntactic sugar