feat(init/define-prop): add edition options

Author: zhiyuanzmj

src/init/index.ts

@@ -11,8 +11,8 @@ export async function init(target: string) {
   const selectedMacros = (await checkbox({
     message: chalk.green(`Which vue macros do you want to use?`),
     choices: [
-      ...stableMacros.slice(-2),
       ...officialMacros.slice(-1),
+      ...stableMacros.slice(-2),
       ...experimentalMacros,
     ],
     pageSize: 14,
@@ -39,11 +39,25 @@ export async function init(target: string) {
         { value: '::' },
         { value: '*' },
       ],
-    }) as any
+    })
 
     selectedMacros.shortVmodel = { prefix }
   }
 
+  if (selectedMacros.defineProp) {
+    const edition = await select({
+      message: chalk.green(
+      `Which edition do you want to use?`,
+      ),
+      choices: [
+        { name: 'kevinEdition', value: 'kevinEdition' },
+        { name: 'johnsonEdition', value: 'johnsonEdition' },
+      ],
+    })
+
+    selectedMacros.defineProp = { edition }
+  }
+
   await rewriteConfig(selectedMacros, target)
 }
 

src/init/tsconfig.ts

@@ -2,7 +2,7 @@ import type { TSConfig } from 'pkg-types'
 import { readTSConfig, writeTSConfig } from 'pkg-types'
 import { fs } from 'zx'
 import type { VueMacros } from '../common'
-import { vueMacros } from '../common'
+import { camelize, vueMacros } from '../common'
 
 export async function rewriteTsConfig(selectedMacros: VueMacros, target: string) {
   const filename = `${target}/nuxt.config.ts`
@@ -28,9 +28,11 @@ 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' && options !== true) {
+    if (options !== true) {
       const vueMacros = vueCompilerOptions.vueMacros ??= {}
-      vueMacros.shortVmodel = options
+      vueMacros[camelize(macro)] = options.edition
+        ? { experimentalDefinePropProposal: options.edition }
+        : options
     }
 
     // prevent exportProps and exportExpose co-usage