1// vite.config.ts
2import AutoRef from 'unplugin-vue-autoref/vite'
3import Vue from '@vitejs/plugin-vue'
4
5export default defineConfig({
6  plugins: [AutoRef(), Vue({ reactivityTransform: true })],
7})

1// rollup.config.js
2import Vue from 'unplugin-vue/rollup'
3import AutoRef from 'unplugin-vue-autoref/rollup'
4
5export default {
6  plugins: [AutoRef(), Vue({ reactivityTransform: true })], // must be before Vue plugin!
7}

1// esbuild.config.js
2import { build } from 'esbuild'
3
4build({
5  plugins: [
6    require('unplugin-vue-autoref/esbuild')(), // must be before Vue plugin!
7    require('unplugin-vue/esbuild')(),
8  ],
9})

1// webpack.config.js
2module.exports = {
3  /* ... */
4  plugins: [
5    require('unplugin-vue-autoref/webpack')(), // must be before Vue plugin!
6    require('unplugin-vue/webpack')(),
7  ],
8}

1// vue.config.js
2module.exports = {
3  configureWebpack: {
4    plugins: [require('unplugin-vue-autoref/webpack')()],
5  },
6}