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