unplugin-vue

Transform Vue 3 SFC to JavaScript.

Features

⚡️ Support Vite, Webpack, Vue CLI, Rollup, esbuild and more, powered by unplugin.
✨ Support <script setup> and macros.
🔥 Hot module replacement (HMR) support for Vite.
🔄 Sync code from @vitejs/plugin-vue periodically. Currently based on @vitejs/plugin-vue@6.0.0.

npm i -D unplugin-vue

// vite.config.ts
import Vue from 'unplugin-vue/vite'

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

<summary>Rollup</summary>

// rollup.config.js
import Vue from 'unplugin-vue/rollup'

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

<summary>Rolldown</summary>

// rolldown.config.js
import Vue from 'unplugin-vue/rolldown'

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

<summary>esbuild</summary>

import { build } from 'esbuild'
import Vue from 'unplugin-vue/esbuild'

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

<summary>Webpack</summary>

// webpack.config.js
import Vue from 'unplugin-vue/webpack'

export default {
  /* ... */
  plugins: [Vue()],
}

<summary>Rspack</summary>

// rspack.config.js
import Vue from 'unplugin-vue/rspack'

export default {
  /* ... */
  plugins: [Vue()],
}

// farm.config.ts
import Vue from 'unplugin-vue/farm'

export default {
  /* ... */
  plugins: [Vue()],
}

⚠️ HMR is not supported for Webpack, Vue CLI, and Rspack.