create-vue 3.20.0 → 3.21.0

package/bundle.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-/*! create-vue v3.20.0 | MIT */
+/*! create-vue v3.21.0 | MIT */
 import { createRequire } from "node:module";
 import * as fs from "node:fs";
 import * as path$1 from "node:path";
@@ -2465,10 +2465,90 @@ function emptyRouterConfig(rootDir, needsTypeScript) {
 	replaceContent(path.resolve(srcDir, needsTypeScript ? "router/index.ts" : "router/index.js"), (content) => content.replace(`import HomeView from '../views/HomeView.vue'\n`, "").replace(/routes:\s*\[[\s\S]*?\],/, "routes: [],"));
 }
 
+//#endregion
+//#region utils/applyVueBeta.ts
+const CORE_VUE_PACKAGES = [
+	"vue",
+	"@vue/compiler-core",
+	"@vue/compiler-dom",
+	"@vue/compiler-sfc",
+	"@vue/compiler-ssr",
+	"@vue/compiler-vapor",
+	"@vue/reactivity",
+	"@vue/runtime-core",
+	"@vue/runtime-dom",
+	"@vue/runtime-vapor",
+	"@vue/server-renderer",
+	"@vue/shared",
+	"@vue/compat"
+];
+function generateOverridesMap() {
+	return Object.fromEntries(CORE_VUE_PACKAGES.map((name) => [name, "beta"]));
+}
+/**
+* Apply Vue 3.6 beta overrides to the project based on the package manager.
+* Different package managers have different mechanisms for version overrides:
+* - npm/bun: uses `overrides` field in package.json
+* - yarn: uses `resolutions` field in package.json
+* - pnpm: uses `overrides` and `peerDependencyRules` in pnpm-workspace.yaml
+*/
+function applyVueBeta(root, packageManager, pkg) {
+	const overrides = generateOverridesMap();
+	if (packageManager === "npm" || packageManager === "bun") {
+		pkg.overrides = {
+			...pkg.overrides,
+			...overrides
+		};
+		for (const dependencyName of CORE_VUE_PACKAGES) for (const dependencyType of [
+			"dependencies",
+			"devDependencies",
+			"optionalDependencies"
+		]) if (pkg[dependencyType]?.[dependencyName]) pkg[dependencyType][dependencyName] = overrides[dependencyName];
+	} else if (packageManager === "yarn") pkg.resolutions = {
+		...pkg.resolutions,
+		...overrides
+	};
+	else if (packageManager === "pnpm") {
+		const yamlContent = `overrides:
+${Object.entries(overrides).map(([key, value]) => `  '${key}': '${value}'`).join("\n")}
+
+peerDependencyRules:
+  allowAny:
+    - 'vue'
+`;
+		fs.writeFileSync(path$1.resolve(root, "pnpm-workspace.yaml"), yamlContent, "utf-8");
+	}
+}
+
+//#endregion
+//#region utils/packageManager.ts
+/**
+* Infers the package manager from the user agent string.
+* Falls back to npm if unable to detect.
+*/
+function inferPackageManager() {
+	const userAgent = process.env.npm_config_user_agent ?? "";
+	if (/pnpm/.test(userAgent)) return "pnpm";
+	if (/yarn/.test(userAgent)) return "yarn";
+	if (/bun/.test(userAgent)) return "bun";
+	return "npm";
+}
+/**
+* Creates an ordered list of package managers with the preferred one first.
+*/
+function getPackageManagerOptions(preferred) {
+	return [preferred, ...[
+		"npm",
+		"pnpm",
+		"yarn",
+		"bun"
+	].filter((pm) => pm !== preferred)];
+}
+
 //#endregion
 //#region package.json
 var name = "create-vue";
-var version = "3.20.0";
+var version = "3.21.0";
 
 //#endregion
 //#region index.ts
@@ -2491,7 +2571,8 @@ const FEATURE_FLAGS = [
 	"prettier",
 	"eslint-with-prettier",
 	"oxlint",
-	"vite-beta"
+	"vite-beta",
+	"vue-beta"
 ];
 const FEATURE_OPTIONS = [
 	{
@@ -2527,13 +2608,20 @@ const FEATURE_OPTIONS = [
 		label: language.needsPrettier.message
 	}
 ];
-const EXPERIMENTAL_FEATURE_OPTIONS = [{
-	value: "oxfmt",
-	label: language.needsOxfmt.message
-}, {
-	value: "vite-beta",
-	label: language.needsViteBeta.message
-}];
+const EXPERIMENTAL_FEATURE_OPTIONS = [
+	{
+		value: "oxfmt",
+		label: language.needsOxfmt.message
+	},
+	{
+		value: "vite-beta",
+		label: language.needsViteBeta.message
+	},
+	{
+		value: "vue-beta",
+		label: language.needsVueBeta.message
+	}
+];
 function isValidPackageName(projectName) {
 	return /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(projectName);
 }
@@ -2607,6 +2695,8 @@ Available feature flags:
     Add Oxfmt for code formatting.
   --vite-beta
     Use Vite 8 Beta instead of Vite for building the project.
+  --vue-beta
+    Use Vue 3.6 Beta. Requires specifying a package manager in interactive mode.
 
 Unstable feature flags:
   --tests, --with-tests
@@ -2649,6 +2739,7 @@ async function init() {
 	let targetDir = positionals[0];
 	const defaultProjectName = targetDir || "vue-project";
 	const forceOverwrite = argv.force;
+	const inferredPackageManager = inferPackageManager();
 	const result = {
 		projectName: defaultProjectName,
 		shouldOverwrite: forceOverwrite,
@@ -2714,6 +2805,16 @@ async function init() {
 			options: EXPERIMENTAL_FEATURE_OPTIONS,
 			required: false
 		}));
+		if (result.experimentFeatures.includes("vue-beta")) {
+			const packageManagerOptions = getPackageManagerOptions(inferredPackageManager).map((pm) => ({
+				value: pm,
+				label: pm
+			}));
+			result.packageManager = await unwrapPrompt(ve({
+				message: `${language.packageManagerSelection.message} ${(0, import_picocolors.dim)(language.packageManagerSelection.hint)}`,
+				options: packageManagerOptions
+			}));
+		}
 	}
 	if (argv.bare) result.needsBareboneTemplates = true;
 	else if (!isFeatureFlagsUsed) result.needsBareboneTemplates = await unwrapPrompt(ye({
@@ -2730,6 +2831,7 @@ async function init() {
 	const needsPrettier = argv.prettier || argv["eslint-with-prettier"] || features.includes("prettier");
 	const needsOxfmt = experimentFeatures.includes("oxfmt") || argv["oxfmt"];
 	const needsViteBeta = experimentFeatures.includes("vite-beta") || argv["vite-beta"] || argv["rolldown-vite"];
+	const needsVueBeta = experimentFeatures.includes("vue-beta") || argv["vue-beta"];
 	const { e2eFramework } = result;
 	const needsCypress = argv.cypress || argv.tests || e2eFramework === "cypress";
 	const needsCypressCT = needsCypress && !needsVitest;
@@ -2802,6 +2904,10 @@ async function init() {
 		if (needsPlaywright) render("linting/playwright");
 		if (needsVitest) render("linting/vitest");
 		render("linting/oxlint");
+		callbacks.push(async (dataStore) => {
+			const oxlintrcPath = path$1.resolve(root, ".oxlintrc.json");
+			dataStore[oxlintrcPath] = { needsTypeScript };
+		});
 		if (needsPrettier || needsOxfmt) render("linting/formatter");
 	}
 	if (needsOxfmt) render("formatting/oxfmt");
@@ -2849,8 +2955,13 @@ async function init() {
 		removeCSSImport(root, needsTypeScript, needsCypressCT);
 		if (needsRouter) emptyRouterConfig(root, needsTypeScript);
 	}
-	const userAgent = process.env.npm_config_user_agent ?? "";
-	const packageManager = /pnpm/.test(userAgent) ? "pnpm" : /yarn/.test(userAgent) ? "yarn" : /bun/.test(userAgent) ? "bun" : "npm";
+	const packageManager = result.packageManager ?? inferredPackageManager;
+	if (needsVueBeta) {
+		const pkgPath = path$1.resolve(root, "package.json");
+		const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
+		applyVueBeta(root, packageManager, pkg);
+		fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+	}
 	fs.writeFileSync(path$1.resolve(root, "README.md"), generateReadme({
 		projectName: result.projectName ?? result.packageName ?? defaultProjectName,
 		packageManager,

package/locales/en-US.json

@@ -69,12 +69,19 @@
   "needsViteBeta": {
     "message": "Vite 8 (beta)"
   },
+  "needsVueBeta": {
+    "message": "Vue 3.6 (beta)"
+  },
   "needsOxfmt": {
     "message": "Replace Prettier with Oxfmt"
   },
   "needsBareboneTemplates": {
     "message": "Skip all example code and start with a blank Vue project?"
   },
+  "packageManagerSelection": {
+    "message": "Which package manager will you use?",
+    "hint": "(Vue 3.6 beta requires version overrides that differ per package manager)"
+  },
   "errors": {
     "operationCancelled": "Operation cancelled"
   },

package/locales/fr-FR.json

@@ -69,12 +69,19 @@
   "needsViteBeta": {
     "message": "Vite 8 (beta)"
   },
+  "needsVueBeta": {
+    "message": "Vue 3.6 (beta)"
+  },
   "needsOxfmt": {
     "message": "Remplacer Prettier par Oxfmt"
   },
   "needsBareboneTemplates": {
     "message": "Ignorer tout le code d'exemple et commencer avec un projet Vue vierge\u00a0?"
   },
+  "packageManagerSelection": {
+    "message": "Quel gestionnaire de paquets allez-vous utiliser\u00a0?",
+    "hint": "(Vue 3.6 beta nécessite des surcharges de version spécifiques au gestionnaire de paquets)"
+  },
   "errors": {
     "operationCancelled": "Operation annulée"
   },

package/locales/tr-TR.json

@@ -69,12 +69,19 @@
   "needsViteBeta": {
     "message": "Vite 8 (beta)"
   },
+  "needsVueBeta": {
+    "message": "Vue 3.6 (beta)"
+  },
   "needsOxfmt": {
     "message": "Prettier'ı Oxfmt ile değiştir"
   },
   "needsBareboneTemplates": {
     "message": "Tüm örnek kodları atlayıp boş bir Vue projesi ile başlansın mı?"
   },
+  "packageManagerSelection": {
+    "message": "Hangi paket yöneticisini kullanacaksınız?",
+    "hint": "(Vue 3.6 beta, paket yöneticisine özgü sürüm geçersiz kılmaları gerektirir)"
+  },
   "errors": {
     "operationCancelled": "İşlem iptal edildi"
   },

package/locales/zh-Hans.json

@@ -69,12 +69,19 @@
   "needsViteBeta": {
     "message": "Vite 8（测试版）"
   },
+  "needsVueBeta": {
+    "message": "Vue 3.6（测试版）"
+  },
   "needsOxfmt": {
     "message": "使用 Oxfmt 替代 Prettier"
   },
   "needsBareboneTemplates": {
     "message": "跳过所有示例代码，创建一个空白的 Vue 项目？"
   },
+  "packageManagerSelection": {
+    "message": "项目将使用哪个包管理器？",
+    "hint": "（需要根据包管理器生成对应的 Vue 3.6 测试版配置）"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },

package/locales/zh-Hant.json

@@ -69,12 +69,19 @@
   "needsViteBeta": {
     "message": "Vite 8（測試版）"
   },
+  "needsVueBeta": {
+    "message": "Vue 3.6（測試版）"
+  },
   "needsOxfmt": {
     "message": "使用 Oxfmt 替代 Prettier"
   },
   "needsBareboneTemplates": {
     "message": "跳過所有範例程式碼，建立一個空白的 Vue 專案？"
   },
+  "packageManagerSelection": {
+    "message": "專案將使用哪個套件管理器？",
+    "hint": "（需要根據套件管理器生成對應的 Vue 3.6 測試版配置）"
+  },
   "errors": {
     "operationCancelled": "操作取消"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-vue",
-  "version": "3.20.0",
+  "version": "3.21.0",
   "description": "🛠️ The recommended way to start a Vite-powered Vue project",
   "keywords": [],
   "homepage": "https://github.com/vuejs/create-vue#readme",

package/template/config/nightwatch/package.json

@@ -5,7 +5,7 @@
   "devDependencies": {
     "@nightwatch/vue": "^3.1.2",
     "@vitejs/plugin-vue": "^6.0.3",
-    "chromedriver": "^144.0.1",
+    "chromedriver": "^145.0.0",
     "geckodriver": "^6.1.0",
     "nightwatch": "^3.15.0",
     "ts-node": "^10.9.2",

package/template/config/playwright/package.json

@@ -3,6 +3,6 @@
     "test:e2e": "playwright test"
   },
   "devDependencies": {
-    "@playwright/test": "^1.58.0"
+    "@playwright/test": "^1.58.1"
   }
 }

package/template/config/router/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
     "vue": "^3.5.27",
-    "vue-router": "^4.6.4"
+    "vue-router": "^5.0.1"
   }
 }

package/template/linting/core/js/package.json

@@ -3,6 +3,6 @@
     "@eslint/js": "^9.39.2",
     "eslint": "^9.39.2",
     "eslint-plugin-vue": "~10.7.0",
-    "globals": "^17.2.0"
+    "globals": "^17.3.0"
   }
 }

package/template/linting/oxlint/{_oxlintrc.json → _oxlintrc.json.ejs}

@@ -1,6 +1,6 @@
 {
   "$schema": "./node_modules/oxlint/configuration_schema.json",
-  "plugins": ["eslint", "typescript", "unicorn", "oxc", "vue"],
+  "plugins": ["eslint"<%_ if (needsTypeScript) { _%>, "typescript"<%_ } _%>, "unicorn", "oxc", "vue"],
   "env": {
     "browser": true
   },

package/template/linting/oxlint/eslint.config.js.data.mjs

@@ -5,7 +5,7 @@ export default function getData({ oldData }) {
       ...oldData.configs,
       {
         importer: `import pluginOxlint from 'eslint-plugin-oxlint'`,
-        content: `\n  ...pluginOxlint.configs['flat/recommended'],`,
+        content: `\n  ...pluginOxlint.buildFromOxlintConfigFile('.oxlintrc.json'),`,
       },
     ],
   }