KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

swc-plugin-vue-jsx

★ 98 Open GitHub ↗

SWC plugin for transforming Vue JSX.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# SWC Plugin for Vue JSX

SWC plugin for transforming Vue JSX, mostly ported from [official Babel plugin](https://github.com/vuejs/babel-plugin-jsx).
It only supports Vue.js v3 or newer.

## Installation

```
npm i -D swc-plugin-vue-jsx
```

## Configuration

You can configure your `.swcrc` file.

### Minimum Config

```json
{
  "jsc": {
    "parser": {
      "syntax": "ecmascript",
      "jsx": true
    },
    "experimental": {
      "plugins": [["swc-plugin-vue-jsx", {}]]
    }
  }
}
```

### Options

These options of official Babel plugin are supported:

- `transformOn`
- `optimize`
- `mergeProps`
- `enableObjectSlots`
- `pragma`
- `resolveType` (Types imported from other modules aren't supported.)

For details, please refer to official documentation.

The `isCustomElement` can't be supported directly, because SWC config only allows JSON,
so we introduce the `customElementPatterns` option instead.

It accepts an array of strings which represent regex.

For example:

```json
[
  "swc-plugin-vue-jsx",
  {
    "customElementPatterns": ["^i-"]
  }
]
```

All HTML tags which match the pattern `^i-` will be treated as custom elements.

### Advanced Config Example

```json
{
  "jsc": {
    "parser": {
      "syntax": "ecmascript",
      "jsx": true
    },
    "experimental": {
      "plugins": [
        [
          "swc-plugin-vue-jsx",
          {
            "transformOn": true,
            "optimize": true
          }
        ]
      ]
    }
  }
}
```

## License

MIT License

swc-plugin-vue-jsx

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README