# @hexeo/vue-typescript-jsx

> Translate React JSX props into Vue VDOM data format at runtime

Latest version **2.0.2** (published 2019-03-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install @hexeo/vue-typescript-jsx
pnpm add @hexeo/vue-typescript-jsx
yarn add @hexeo/vue-typescript-jsx
bun add @hexeo/vue-typescript-jsx
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2019-03-28 |
| First published | 2017-08-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 19.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Leandre Gohy |
| Maintainers | hexeo |
| Keywords | vue, typescript, jsx, tsx |

## Links

- npm: https://www.npmjs.com/package/@hexeo/vue-typescript-jsx
- Repository: https://github.com/heXeo/vue-typescript-jsx
- Homepage: https://github.com/heXeo/vue-typescript-jsx#readme
- Issues: https://github.com/heXeo/vue-typescript-jsx/issues
- npm.io page: https://npm.io/package/@hexeo/vue-typescript-jsx

## Alternatives

- [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads
- [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads
- [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads
- [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads

## Recent versions

- 2.0.2 (latest) — 2019-03-28
- 2.0.1 — 2019-03-28
- 2.0.0 — 2018-10-15
- 1.0.5 — 2017-12-09
- 1.0.4 — 2017-08-27
- 1.0.3 — 2017-08-27
- 1.0.2 — 2017-08-27
- 1.0.0 — 2017-08-27

## README

# vue-typescript-jsx

## Usage

tsconfig.json

```json
{
  "compilerOptions": {
    "jsx": "react",
    "jsxFactory": "h",
  }
}
```

```typescript
import Vue from 'vue'
import VueTSX from 'vue-typescript-jsx'

Vue.use(VueTSX)

...
```

## Limitations

### Spread/Merge props

Spread and merge of props are not supported by typescript compiler.

```typescript
<div class="a" {...{class: 'b'}} />
```

This will not result in

```typescript
{
  class: {
    a: true,
    b: true
  }
}
```

but in

```typescript
{
  class: 'b'
}
```

### input, textarea, options, select literal values

Literal values will be passed to `domProps-value`.

```typescript
<input value="some value" />
```

will generate the following in the VDOM Data

```typescript
{
  domProps: {
    value: 'some value'
  }
}
```

### h auto-injection

There is no `h` auto-injection, you should provide it.

```typescript
render(h: Vue.CreateElement) {
  return <div />
}
```

```typescript
get value() {
  const h = this.$createElement
  return <div />
}
```

---
_Source: https://npm.io/package/@hexeo/vue-typescript-jsx · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._