Jun 18, 2025 · Jun 18, 2025 · Jun 18, 2025
diff --git a/index.ts b/index.ts
  'default',
  'ts',
  'typescript',
  'tailwindcss',
  'jsx',
  'router',
  'vue-router',
    value: 'typescript',
    label: language.needsTypeScript.message,
  },
  {
    value: 'tailwindcss',
    label: language.needsTailwindCss.message,
  },
  {
    value: 'jsx',
    label: language.needsJsx.message,
    Create a project with the default configuration without any additional features.
  --ts, --typescript
    Add TypeScript support.
  --tailwindcss
    Add Tailwind CSS support.
  --jsx
    Add JSX support.
  --router, --vue-router
  const { features, experimentFeatures } = result

  const needsTypeScript = argv.ts || argv.typescript || features.includes('typescript')
  const needsTailwindCss = argv.tailwindcss || features.includes('tailwindcss')
  const needsJsx = argv.jsx || features.includes('jsx')
  const needsRouter = argv.router || argv['vue-router'] || features.includes('router')
  const needsPinia = argv.pinia || features.includes('pinia')
  if (needsJsx) {
    render('config/jsx')
  }
  if (needsTailwindCss) {
    render('config/tailwindcss')
  }
  if (needsRouter) {
    render('config/router')
  }
  // Render code template.
  // prettier-ignore
  const codeTemplate =
    (needsTailwindCss ? 'tailwindcss-' : '') +
    (needsTypeScript ? 'typescript-' : '') +
    (needsRouter ? 'router' : 'default')
  render(`code/${codeTemplate}`)
diff --git a/locales/en-US.json b/locales/en-US.json
  "needsTypeScript": {
    "message": "TypeScript"
  },
  "needsTailwindCss": {
    "message": "Tailwind CSS"
  },
  "needsJsx": {
    "message": "JSX Support"
  },
diff --git a/locales/fr-FR.json b/locales/fr-FR.json
  "needsTypeScript": {
    "message": "TypeScript"
  },
  "needsTailwindCss": {
    "message": "Tailwind CSS"
  },
  "needsJsx": {
    "message": "Support de JSX"
  },
diff --git a/locales/tr-TR.json b/locales/tr-TR.json
  "needsTypeScript": {
    "message": "TypeScript"
  },
  "needsTailwindCss": {
    "message": "Tailwind CSS"
  },
  "needsJsx": {
    "message": "JSX Desteği"
  },
diff --git a/locales/zh-Hans.json b/locales/zh-Hans.json
  "needsTypeScript": {
    "message": "TypeScript"
  },
  "needsTailwindCss": {
    "message": "Tailwind CSS"
  },
  "needsJsx": {
    "message": "JSX 支持"
  },
diff --git a/locales/zh-Hant.json b/locales/zh-Hant.json
  "needsTypeScript": {
    "message": "TypeScript"
  },
  "needsTailwindCss": {
    "message": "Tailwind CSS"
  },
  "needsJsx": {
    "message": "JSX 支援"
  },
Original file line number	Diff line number	Diff line change
Expand Up		@@ -27,6 +27,7 @@ const FEATURE_FLAGS = [
		'default',
		'ts',
		'typescript',
		'tailwindcss',
		'jsx',
		'router',
		'vue-router',
Expand All		@@ -49,6 +50,10 @@ const FEATURE_OPTIONS = [
		value: 'typescript',
		label: language.needsTypeScript.message,
		},
		{
		value: 'tailwindcss',
		label: language.needsTailwindCss.message,
		},
		{
		value: 'jsx',
		label: language.needsJsx.message,
Expand DownExpand Up		@@ -170,6 +175,8 @@ Available feature flags:
		Create a project with the default configuration without any additional features.
		--ts, --typescript
		Add TypeScript support.
		--tailwindcss
		Add Tailwind CSS support.
		--jsx
		Add JSX support.
		--router, --vue-router
Expand DownExpand Up		@@ -350,6 +357,7 @@ async function init() {
		const { features, experimentFeatures } = result

		const needsTypeScript = argv.ts \|\| argv.typescript \|\| features.includes('typescript')
		const needsTailwindCss = argv.tailwindcss \|\| features.includes('tailwindcss')
		const needsJsx = argv.jsx \|\| features.includes('jsx')
		const needsRouter = argv.router \|\| argv['vue-router'] \|\| features.includes('router')
		const needsPinia = argv.pinia \|\| features.includes('pinia')
Expand DownExpand Up		@@ -400,6 +408,9 @@ async function init() {
		if (needsJsx) {
		render('config/jsx')
		}
		if (needsTailwindCss) {
		render('config/tailwindcss')
		}
		if (needsRouter) {
		render('config/router')
		}
Expand DownExpand Up		@@ -519,6 +530,7 @@ async function init() {
		// Render code template.
		// prettier-ignore
		const codeTemplate =
		(needsTailwindCss ? 'tailwindcss-' : '') +
		(needsTypeScript ? 'typescript-' : '') +
		(needsRouter ? 'router' : 'default')
		render(`code/${codeTemplate}`)
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -21,6 +21,9 @@
		"needsTypeScript": {
		"message": "TypeScript"
		},
		"needsTailwindCss": {
		"message": "Tailwind CSS"
		},
		"needsJsx": {
		"message": "JSX Support"
		},
Expand Down