You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			| 
				
					
						
							 | 
			4 years ago | |
|---|---|---|
| .. | ||
| dist | 4 years ago | |
| README.md | 4 years ago | |
| package.json | 4 years ago | |
		
			
				
				README.md
			
		
		
			
			
		
	
	@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 babel.config.js:
module.exports = {
  presets: ['@vue/babel-preset-jsx'],
}
You can toggle specific features, by default all features (except compositionAPI) are enabled, e.g.:
module.exports = {
  presets: [
    [
      '@vue/babel-preset-jsx',
      {
        vModel: false,
        compositionAPI: true,
      },
    ],
  ],
}
Options are:
compositionAPI- Enables @vue/babel-sugar-composition-api-inject-h and @vue/babel-sugar-composition-api-render-instance, support returning render function insetup.functional@vue/babel-sugar-functional-vue - Functional components syntactic sugarinjectH@vue/babel-sugar-inject-h - Automatichinjection syntactic sugarvModel@vue/babel-sugar-v-model -vModelsyntactic sugarvOn@vue/babel-sugar-v-on -vOnsyntactic sugar