@vuetify/cli 0.0.10-beta.12 → 0.0.10-beta.14

package/dist/index.mjs

@@ -8320,6 +8320,12 @@ var en_default = {
 			"vuetify0": "Vuetify0 (alpha)",
 			"nuxt": "Nuxt"
 		},
+		"css_framework": {
+			"select": "Which CSS framework?",
+			"unocss": { "hint": "Instant on-demand atomic CSS engine" },
+			"tailwindcss": { "hint": "A utility-first CSS framework" },
+			"none": "None"
+		},
 		"typescript": { "use": "Use TypeScript?" },
 		"router": {
 			"conflict": "Cannot select both \"router\" and \"file-router\" features.",
@@ -8516,6 +8522,18 @@ var ru_default = {
 			"vuetify0": "Vuetify0 (alpha)",
 			"nuxt": "Nuxt"
 		},
+		"css_framework": {
+			"select": "Какой фреймворк CSS вы хотите использовать?",
+			"none": "Никакой",
+			"unocss": {
+				"label": "UnoCSS",
+				"hint": "Быстрая и гибкая система стилей"
+			},
+			"tailwindcss": {
+				"label": "Tailwind CSS",
+				"hint": "Атомарный CSS-фреймворк"
+			}
+		},
 		"typescript": { "use": "Использовать TypeScript?" },
 		"router": {
 			"conflict": "Нельзя выбрать одновременно 'router' и 'file-router'.",
@@ -12552,6 +12570,34 @@ async function prompt(args$2, cwd$2 = process.cwd()) {
 				}]
 			});
 		},
+		cssFramework: ({ results }) => {
+			if ((results.type || args$2.type) !== "vuetify0") return Promise.resolve("none");
+			if (args$2.css) {
+				if (args$2.css.includes("unocss")) return Promise.resolve("unocss");
+				if (args$2.css.includes("tailwindcss")) return Promise.resolve("tailwindcss");
+			}
+			if (!args$2.interactive) return Promise.resolve("none");
+			return qt({
+				message: i18n.t("prompts.css_framework.select"),
+				initialValue: "unocss",
+				options: [
+					{
+						label: "UnoCSS",
+						value: "unocss",
+						hint: i18n.t("prompts.css_framework.unocss.hint")
+					},
+					{
+						label: "Tailwind CSS",
+						value: "tailwindcss",
+						hint: i18n.t("prompts.css_framework.tailwindcss.hint")
+					},
+					{
+						label: i18n.t("prompts.css_framework.none"),
+						value: "none"
+					}
+				]
+			});
+		},
 		typescript: ({ results }) => {
 			if ((results.platform || args$2.platform) === "vue" && args$2.typescript === void 0) return Mt({
 				message: i18n.t("prompts.typescript.use"),
@@ -12570,6 +12616,7 @@ async function prompt(args$2, cwd$2 = process.cwd()) {
 				return Promise.resolve("none");
 			}
 			if ((results.platform || args$2.platform) !== "vue") return Promise.resolve("none");
+			if (!args$2.interactive) return Promise.resolve("none");
 			return qt({
 				message: i18n.t("prompts.router.select"),
 				initialValue: "router",
@@ -12714,7 +12761,11 @@ async function prompt(args$2, cwd$2 = process.cwd()) {
 		Pt(i18n.t("prompts.cancel"));
 		process.exit(0);
 	} });
-	const features$1 = [...options$1.features, options$1.router].filter((f$7) => f$7 && f$7 !== "none");
+	const features$1 = [
+		...options$1.features,
+		options$1.router,
+		options$1.cssFramework === "none" ? "css-none" : options$1.cssFramework
+	].filter((f$7) => f$7 && f$7 !== "none");
 	return {
 		...options$1,
 		features: features$1
@@ -31682,6 +31733,19 @@ async function downloadTemplate(input, options$1 = {}) {
 	};
 }
 
+//#endregion
+//#region ../shared/src/features/css-none.ts
+const cssNone = {
+	name: "css-none",
+	apply: async ({ cwd: cwd$2 }) => {
+		const isNuxt = existsSync(join(cwd$2, "nuxt.config.ts"));
+		const unocssConfig = join(cwd$2, "unocss.config.ts");
+		if (existsSync(unocssConfig)) rmSync(unocssConfig);
+		const tailwindCss = isNuxt ? join(cwd$2, "app/assets/css/tailwind.css") : join(cwd$2, "src/tailwind.css");
+		if (existsSync(tailwindCss)) rmSync(tailwindCss);
+	}
+};
+
 //#endregion
 //#region ../../node_modules/.pnpm/@babel+parser@7.28.5/node_modules/@babel/parser/lib/index.js
 var require_lib = /* @__PURE__ */ __commonJS$1({ "../../node_modules/.pnpm/@babel+parser@7.28.5/node_modules/@babel/parser/lib/index.js": ((exports) => {
@@ -52597,13 +52661,94 @@ const builders = {
 
 //#endregion
 //#region ../../node_modules/.pnpm/magicast@0.5.1/node_modules/magicast/dist/helpers/index.js
+function deepMergeObject(magicast, object) {
+	if (typeof object === "object" && object !== null) for (const key in object) {
+		const magicastValue = magicast[key];
+		const objectValue = object[key];
+		if (magicastValue === objectValue) continue;
+		if (typeof magicastValue === "object" && magicastValue !== null && typeof objectValue === "object" && objectValue !== null) deepMergeObject(magicastValue, objectValue);
+		else magicast[key] = objectValue;
+	}
+}
 function getDefaultExportOptions(magicast) {
 	return configFromNode(magicast.exports.default);
 }
+/**
+* Returns the vite config object from a variable declaration thats
+* exported as the default export.
+*
+* Example:
+*
+* ```js
+* const config = {};
+* export default config;
+* ```
+*
+* @param magicast the module
+*
+* @returns an object containing the proxified config object and the
+*          declaration "parent" to attach the modified config to later.
+*          If no config declaration is found, undefined is returned.
+*/
+function getConfigFromVariableDeclaration(magicast) {
+	if (magicast.exports.default.$type !== "identifier") throw new MagicastError(`Not supported: Cannot modify this kind of default export (${magicast.exports.default.$type})`);
+	const configDecalarationId = magicast.exports.default.$name;
+	for (const node$2 of magicast.$ast.body) if (node$2.type === "VariableDeclaration") {
+		for (const declaration of node$2.declarations) if (declaration.id.type === "Identifier" && declaration.id.name === configDecalarationId && declaration.init) {
+			const code$1 = generateCode(declaration.init.type === "TSSatisfiesExpression" ? declaration.init.expression : declaration.init).code;
+			return {
+				declaration,
+				config: configFromNode(parseExpression(code$1))
+			};
+		}
+	}
+	throw new MagicastError("Couldn't find config declaration");
+}
 function configFromNode(node$2) {
 	if (node$2.$type === "function-call") return node$2.$args[0];
 	return node$2;
 }
+function addNuxtModule(magicast, name, optionsKey, options$1) {
+	const config = getDefaultExportOptions(magicast);
+	config.modules ||= [];
+	if (!config.modules.includes(name)) config.modules.push(name);
+	if (optionsKey) {
+		config[optionsKey] ||= {};
+		deepMergeObject(config[optionsKey], options$1);
+	}
+}
+function addVitePlugin(magicast, plugin) {
+	const config = getDefaultExportOptions(magicast);
+	if (config.$type === "identifier") insertPluginIntoVariableDeclarationConfig(magicast, plugin);
+	else insertPluginIntoConfig(plugin, config);
+	magicast.imports.$prepend({
+		from: plugin.from,
+		local: plugin.constructor,
+		imported: plugin.imported || "default"
+	});
+	return true;
+}
+/**
+* Insert @param plugin into a config object that's declared as a variable in
+* the module (@param magicast).
+*/
+function insertPluginIntoVariableDeclarationConfig(magicast, plugin) {
+	const { config: configObject, declaration } = getConfigFromVariableDeclaration(magicast);
+	insertPluginIntoConfig(plugin, configObject);
+	if (declaration.init) {
+		if (declaration.init.type === "ObjectExpression") declaration.init = generateCode(configObject).code;
+		else if (declaration.init.type === "CallExpression" && declaration.init.callee.type === "Identifier") declaration.init = generateCode(builders.functionCall(declaration.init.callee.name, configObject)).code;
+		else if (declaration.init.type === "TSSatisfiesExpression") {
+			if (declaration.init.expression.type === "ObjectExpression") declaration.init.expression = generateCode(configObject).code;
+			if (declaration.init.expression.type === "CallExpression" && declaration.init.expression.callee.type === "Identifier") declaration.init.expression = generateCode(builders.functionCall(declaration.init.expression.callee.name, configObject)).code;
+		}
+	}
+}
+function insertPluginIntoConfig(plugin, config) {
+	const insertionIndex = plugin.index ?? config.plugins?.length ?? 0;
+	config.plugins ||= [];
+	config.plugins.splice(insertionIndex, 0, plugin.options ? builders.functionCall(plugin.constructor, plugin.options) : builders.functionCall(plugin.constructor));
+}
 
 //#endregion
 //#region ../shared/src/features/dependencies/package.json
@@ -52619,6 +52764,11 @@ var dependencies = {
 	"vue-i18n": "^11.2.7",
 	"unplugin-vue-router": "^0.19.1",
 	"vite-plugin-vuetify": "^2.1.2",
+	"unocss": "^66.5.12",
+	"@unocss/nuxt": "^66.5.12",
+	"tailwindcss": "^4.1.18",
+	"@tailwindcss/vite": "^4.1.18",
+	"@nuxtjs/tailwindcss": "^7.0.0-beta.1",
 	"pathe": "^2.0.3",
 	"@vuetify/loader-shared": "^2.1.1",
 	"@intellectronica/ruler": "^0.3.18"
@@ -53001,6 +53151,84 @@ export default router
 `;
 }
 
+//#endregion
+//#region ../shared/src/features/tailwindcss.ts
+const tailwindcss = {
+	name: "tailwindcss",
+	apply: async ({ cwd: cwd$2, pkg, isTypescript }) => {
+		const isNuxt = existsSync(join(cwd$2, "nuxt.config.ts"));
+		const unocssConfig = join(cwd$2, "unocss.config.ts");
+		if (existsSync(unocssConfig)) rmSync(unocssConfig);
+		if (isNuxt) {
+			pkg.devDependencies = pkg.devDependencies || {};
+			pkg.devDependencies["tailwindcss"] = dependencies.tailwindcss;
+			pkg.devDependencies["@nuxtjs/tailwindcss"] = dependencies["@nuxtjs/tailwindcss"];
+			const configPath = join(cwd$2, "nuxt.config.ts");
+			const mod = await loadFile(configPath);
+			addNuxtModule(mod, "@nuxtjs/tailwindcss");
+			await writeFile(configPath, mod.generate().code);
+		} else {
+			pkg.devDependencies = pkg.devDependencies || {};
+			pkg.devDependencies["tailwindcss"] = dependencies.tailwindcss;
+			pkg.devDependencies["@tailwindcss/vite"] = dependencies["@tailwindcss/vite"];
+			const viteConfigPath = join(cwd$2, `vite.config.m${isTypescript ? "ts" : "js"}`);
+			const mod = await loadFile(viteConfigPath);
+			addVitePlugin(mod, {
+				from: "@tailwindcss/vite",
+				constructor: "tailwindcss"
+			});
+			await writeFile(viteConfigPath, mod.generate().code);
+			for (const file$1 of ["src/main.ts", "src/main.js"]) {
+				const filePath = join(cwd$2, file$1);
+				if (existsSync(filePath)) {
+					await writeFile(filePath, (await readFile(filePath, "utf8")).replace(/\/\/ Styles/g, "// Styles\nimport './tailwind.css';"));
+					break;
+				}
+			}
+		}
+	}
+};
+
+//#endregion
+//#region ../shared/src/features/unocss.ts
+const unocss = {
+	name: "unocss",
+	apply: async ({ cwd: cwd$2, pkg, isTypescript }) => {
+		const isNuxt = existsSync(join(cwd$2, "nuxt.config.ts"));
+		pkg.devDependencies = pkg.devDependencies || {};
+		pkg.devDependencies["unocss"] = dependencies.unocss;
+		const tailwindCss = isNuxt ? join(cwd$2, "app/assets/css/tailwind.css") : join(cwd$2, "src/tailwind.css");
+		if (existsSync(tailwindCss)) rmSync(tailwindCss);
+		if (pkg.devDependencies) {
+			delete pkg.devDependencies["tailwindcss"];
+			delete pkg.devDependencies["@tailwindcss/vite"];
+			delete pkg.devDependencies["@nuxtjs/tailwindcss"];
+		}
+		if (isNuxt) {
+			pkg.devDependencies["@unocss/nuxt"] = dependencies["@unocss/nuxt"];
+			const configPath = join(cwd$2, "nuxt.config.ts");
+			const mod = await loadFile(configPath);
+			addNuxtModule(mod, "@unocss/nuxt");
+			await writeFile(configPath, mod.generate().code);
+		} else {
+			const viteConfigPath = join(cwd$2, `vite.config.m${isTypescript ? "ts" : "js"}`);
+			const mod = await loadFile(viteConfigPath);
+			addVitePlugin(mod, {
+				from: "unocss/vite",
+				constructor: "UnoCSS"
+			});
+			await writeFile(viteConfigPath, mod.generate().code);
+			for (const file$1 of ["src/main.ts", "src/main.js"]) {
+				const filePath = join(cwd$2, file$1);
+				if (existsSync(filePath)) {
+					await writeFile(filePath, (await readFile(filePath, "utf8")).replace(/\/\/ Styles/g, "// Styles\nimport 'virtual:uno.css'"));
+					break;
+				}
+			}
+		}
+	}
+};
+
 //#endregion
 //#region ../shared/src/features/vuetify-nuxt-module.ts
 const vuetifyNuxtModule = {
@@ -53042,7 +53270,10 @@ const features = {
 	i18n: i18n$1,
 	eslint,
 	mcp,
-	"vuetify-nuxt-module": vuetifyNuxtModule
+	"vuetify-nuxt-module": vuetifyNuxtModule,
+	unocss,
+	tailwindcss,
+	"css-none": cssNone
 };
 async function applyFeatures(cwd$2, featureNames, pkg, isTypescript, clientHints, type) {
 	for (const name of featureNames) {
@@ -53302,7 +53533,8 @@ async function createVuetify(options$1) {
 		features: features$1,
 		packageManager: packageManager$1,
 		platform: rawArgs.platform,
-		type: rawArgs.type
+		type: rawArgs.type,
+		css: rawArgs.css
 	}, cwd$2);
 	debug$6("context=", JSON.stringify(context, null, 2));
 	const projectRoot = join(cwd$2, context.name);
@@ -56060,7 +56292,7 @@ function commandUpgradeFabric(pkgName) {
 
 //#endregion
 //#region package.json
-var version = "0.0.10-beta.12";
+var version = "0.0.10-beta.14";
 
 //#endregion
 //#region src/commands/docs.ts
@@ -56116,6 +56348,10 @@ const init = defineCommand({
 			description: "The Vuetify version to use (vuetify, vuetify0)",
 			default: "vuetify"
 		},
+		css: {
+			type: "string",
+			description: "The CSS framework to use (unocss, tailwindcss, none)"
+		},
 		platform: {
 			type: "string",
 			description: "The framework to use (vue, nuxt)",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/cli",
-  "version": "0.0.10-beta.12",
+  "version": "0.0.10-beta.14",
   "description": "Vuetify CLI",
   "type": "module",
   "bin": {
@@ -18,7 +18,7 @@
     "open": "^11.0.0",
     "pathe": "^2.0.3",
     "tsdown": "^0.16.6",
-    "@vuetify/cli-shared": "0.0.10-beta.12"
+    "@vuetify/cli-shared": "0.0.10-beta.14"
   },
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",

package/src/commands/init.ts

@@ -37,6 +37,10 @@ export const init = defineCommand({
       description: 'The Vuetify version to use (vuetify, vuetify0)',
       default: 'vuetify',
     },
+    css: {
+      type: 'string',
+      description: 'The CSS framework to use (unocss, tailwindcss, none)',
+    },
     platform: {
       type: 'string',
       description: 'The framework to use (vue, nuxt)',