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.
YZY eef3e25414
branch149
11 months ago
..
dist branch149 11 months ago
README.md branch149 11 months ago
package.json branch149 11 months ago

README.md

@vue/babel-sugar-composition-api-inject-h

Ported from luwanquan/babel-preset-vca-jsx by @luwanquan

Syntactic sugar for automatic h inject in JSX with @vue/composition-api.

Babel Compatibility Notes

  • This repo is only compatible with Babel 7.x

Usage

Install the dependencies:

# for yarn:
yarn add @vue/babel-sugar-composition-api-inject-h
# for npm:
npm install @vue/babel-sugar-composition-api-inject-h --save

In your .babelrc:

{
  "plugins": ["@vue/babel-sugar-composition-api-inject-h"]
}

However it is recommended to use the configurable preset instead.

Details

This plugin automatically injects h in every method that has JSX. By using this plugin you don't have to always import h from @vue/composition-api.

// Without @vue/babel-sugar-inject-h
import { h } from '@vue/composition-api'

export default {
  setup() {
    return () => <button />
  },
}
// With @vue/babel-sugar-inject-h
export default {
  setup() {
    return () => <button />
  },
}