@vue-jsx/runtime

Vue JSX Runtime

2,671 323

vue jsx runtime vapor

Maintainer: zmjs

vue-jsx-vapor

Vapor Mode of Vue JSX.

⚡️ High Performance: It has the same performance as Vue Vapor!
⚒️ Directives: Full support for all Vue built-in directives in JSX syntax.
✨ Macros: Support most macros of Vue, Friendly to JSX.
🦀 Rust Compiler: Powered by Oxc, 35× faster (Virtual DOM) and 50× faster (Vapor) than Babel.
🦾 Type Safe: Provide Volar plugin support by install TS Macro (VSCode plugin).
⚙️ ESLint Integration: Includes an ESLint plugin for automatic formatting of directives and macros.

npm i vue-jsx-vapor

Vite

// vite.config.ts
import VueJsxVapor from 'vue-jsx-vapor/vite'

export default defineConfig({
  plugins: [VueJsxVapor()],
})

Rollup

// rollup.config.js
import VueJsxVapor from 'vue-jsx-vapor/rollup'

export default {
  plugins: [VueJsxVapor()],
}

Webpack

// webpack.config.js
module.exports = {
  /* ... */
  plugins: [require('vue-jsx-vapor/webpack')()],
}

Nuxt

// nuxt.config.js
export default defineNuxtConfig({
  modules: ['vue-jsx-vapor/nuxt'],
})

This module works for both Nuxt 2 and Nuxt Vite

Vue CLI

// vue.config.js
module.exports = {
  configureWebpack: {
    plugins: [require('vue-jsx-vapor/webpack')()],
  },
}

esbuild

// esbuild.config.js
import { build } from 'esbuild'
import VueJsxVapor from 'vue-jsx-vapor/esbuild'

build({
  plugins: [VueJsxVapor()],
})

Parcel

Install parcel-transformer-vue-tsx and add it to your .parcelrc:

npm i -D parcel @parcel/config-default parcel-transformer-vue-tsx @vue-jsx-vapor/runtime

{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.tsx": ["parcel-transformer-vue-tsx", "..."]
  }
}

If your project mixes Vue Vapor TSX with other TSX variants, use a more specific pattern such as *.vapor.tsx instead.

@vue-jsx-vapor/runtime

Vue JSX Vapor Runtime

50,491 323

jsx runtime vapor vue

@vue-jsx-vapor/eslint

Vue JSX Vapor ESLint Plugin

11,808 323

jsx vapor vue eslint

@vue-jsx-vapor/babel

Vue JSX Vapor Babel Plugin

6,786 323

jsx vapor vue babel

@vue-jsx-vapor/compiler

Vue JSX Vapor Compiler

6,413 323

jsx vapor vue compiler

@vue-jsx/eslint

Vue JSX ESLint Plugin

1,330 323

jsx vapor vue eslint

Pre-releases (6)