chore: remove babel-helper-vue-transform-on

Author: zhiyuanzmj

.vscode/settings.json

@@ -10,8 +10,8 @@
 
   // Auto fix
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.organizeImports": false
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   },
 
   // Silent the stylistic rules in you IDE, but still auto fix them

playground/package.json

@@ -12,7 +12,6 @@
     "@vitejs/plugin-vue": "^4.5.0",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue-macros/volar": "^0.17.4",
-    "@vue/babel-helper-vue-transform-on": "1.2.0-alpha.0",
     "tsx": "^4.6.1",
     "typescript": "^5.3.2",
     "unplugin-vue-macros": "^2.7.0",

playground/pnpm-lock.yaml

@@ -19,10 +19,8 @@ export default defineConfig({
           },
         }),
 
-        vueJsx: VueJsx({
-          transformOn: true,
-        }),
+        vueJsx: VueJsx(),
       },
     }),
   ],
-})
+})

playground/vite.config.ts

@@ -1,7 +1,7 @@
 export const officialMacros = [
   { name: 'define-options', value: 'defineOptions', volar: true, status: 'official' },
   { name: 'define-slots', value: 'defineSlots', volar: true, status: 'official' },
-  { name: 'define-emits', value: 'defineEmits', volar: true, status: 'official' },
+  { name: 'short-emits', value: 'shortEmits', volar: false, status: 'official' },
 ] as const
 
 export const stableMacros = [

src/common/constants.ts

@@ -1,7 +1,7 @@
 import { checkbox, select } from '@inquirer/prompts'
 import { chalk } from 'zx'
 import type { VueMacros } from '../common'
-import { experimentalMacros, stableMacros } from '../common'
+import { experimentalMacros, officialMacros, stableMacros } from '../common'
 import { rewriteNuxtConfig } from './nuxt'
 import { rewriteTsConfig } from './tsconfig'
 import { rewriteViteConfig } from './vite'
@@ -12,9 +12,10 @@ export async function init(target: string) {
     message: chalk.green(`Which vue macros do you want to use?`),
     choices: [
       ...stableMacros.slice(-2),
+      ...officialMacros.slice(-1),
       ...experimentalMacros,
     ],
-    pageSize: 13,
+    pageSize: 14,
   })).reduce((result, macro) => {
     result[macro] = true
     return result

src/init/index.ts

@@ -32,7 +32,7 @@ export async function rewritePackage(macros: VueMacros, target: string) {
     'typescript',
   ]
   if (macros.jsxDirective || macros.setupSFC)
-    deps.push('@vitejs/plugin-vue-jsx', '@vue/babel-helper-vue-transform-on')
+    deps.push('@vitejs/plugin-vue-jsx')
 
   await installDeps(deps)
 }

src/init/package.ts

@@ -28,7 +28,7 @@ export async function rewriteTsConfig(selectedMacros: VueMacros, target: string)
   const vueCompilerOptions = tsconfig.vueCompilerOptions ??= {}
   const plugins = vueCompilerOptions.plugins ??= []
   for (const [macro, options] of Object.entries(macros)) {
-    if (macro === 'short-vmodel') {
+    if (macro === 'short-vmodel' && options !== true) {
       const vueMacros = vueCompilerOptions.vueMacros ??= {}
       vueMacros.shortVmodel = options
     }

src/init/tsconfig.ts

@@ -37,11 +37,6 @@ export async function rewriteViteConfig(macros: VueMacros, target: string) {
   }
 
   const vueJsx: ProxifiedFunctionCall = vueMacrosOptions?.plugins?.vueJsx || getVitePlugin('@vitejs/plugin-vue-jsx', 'VueJsx')
-  if (vueJsx && (macros.jsxDirective || macros.setupSFC)) {
-    vueJsx.$args[0] ?? vueJsx.$args.push({})
-    const arg = vueJsx.$args[0] as any
-    arg.transformOn = true
-  }
 
   updateVitePluginConfig(config, 'unplugin-vue-macros/vite', {
     ...macros,