From c196a563f3dbf544d387e9478e238a95795fa243 Mon Sep 17 00:00:00 2001
From: Aman Varshney <amanvarshney.work@gmail.com>
Date: Tue, 9 Sep 2025 14:19:44 +0530
Subject: [PATCH] feat(cli): upgrade to nuxt 4.1 (#570)

---
 apps/cli/src/helpers/core/post-installation.ts         |  9 ++++-----
 .../helpers/deployment/alchemy/alchemy-nuxt-setup.ts   |  2 +-
 .../nuxt/app/{app.config.ts => app.config.ts.hbs}      |  2 +-
 apps/cli/templates/frontend/nuxt/nuxt.config.ts.hbs    |  2 +-
 apps/cli/templates/frontend/nuxt/package.json.hbs      | 10 +++++-----
 apps/cli/templates/frontend/nuxt/tsconfig.json.hbs     |  1 +
 6 files changed, 13 insertions(+), 13 deletions(-)
 rename apps/cli/templates/frontend/nuxt/app/{app.config.ts => app.config.ts.hbs} (91%)

diff --git a/apps/cli/src/helpers/core/post-installation.ts b/apps/cli/src/helpers/core/post-installation.ts
index 7317786..6511394 100644
--- a/apps/cli/src/helpers/core/post-installation.ts
+++ b/apps/cli/src/helpers/core/post-installation.ts
@@ -236,7 +236,7 @@ async function getDatabaseInstructions(
 	database: Database,
 	orm?: ORM,
 	runCmd?: string,
-	_runtime?: Runtime,
+	runtime?: Runtime,
 	dbSetup?: DatabaseSetup,
 	serverDeploy?: string,
 ): Promise<string> {
@@ -252,12 +252,11 @@ async function getDatabaseInstructions(
 	}
 
 	if (serverDeploy === "wrangler" && dbSetup === "d1") {
-		if (orm === "prisma" && _runtime === "workers") {
+		if (orm === "prisma" && runtime === "workers") {
 			instructions.push(
-				`${pc.yellow(
+				`\n${pc.yellow(
 					"WARNING:",
-				)} Prisma + D1 on Workers with Wrangler has migration issues.
-	   Consider using Alchemy deploy instead of Wrangler for D1 projects.`,
+				)} Prisma + D1 on Workers with Wrangler has migration issues.\n   Consider using Alchemy deploy instead of Wrangler for D1 projects.\n`,
 			);
 		}
 		const packageManager = runCmd === "npm run" ? "npm" : runCmd || "npm";
diff --git a/apps/cli/src/helpers/deployment/alchemy/alchemy-nuxt-setup.ts b/apps/cli/src/helpers/deployment/alchemy/alchemy-nuxt-setup.ts
index f92011c..1a9274c 100644
--- a/apps/cli/src/helpers/deployment/alchemy/alchemy-nuxt-setup.ts
+++ b/apps/cli/src/helpers/deployment/alchemy/alchemy-nuxt-setup.ts
@@ -13,7 +13,7 @@ export async function setupNuxtAlchemyDeploy(
 	if (!(await fs.pathExists(webAppDir))) return;
 
 	await addPackageDependency({
-		devDependencies: ["alchemy", "nitro-cloudflare-dev", "dotenv"],
+		devDependencies: ["alchemy", "nitro-cloudflare-dev", "dotenv", "wrangler"],
 		projectDir: webAppDir,
 	});
 
diff --git a/apps/cli/templates/frontend/nuxt/app/app.config.ts b/apps/cli/templates/frontend/nuxt/app/app.config.ts.hbs
similarity index 91%
rename from apps/cli/templates/frontend/nuxt/app/app.config.ts
rename to apps/cli/templates/frontend/nuxt/app/app.config.ts.hbs
index 52071b3..959b31a 100644
--- a/apps/cli/templates/frontend/nuxt/app/app.config.ts
+++ b/apps/cli/templates/frontend/nuxt/app/app.config.ts.hbs
@@ -3,7 +3,7 @@ export default defineAppConfig({
   ui: {
     colors: {
       primary: 'emerald',
-      neutral: 'slate',
+      neutral: 'neutral',
     },
     button: {
       defaultVariants: {
diff --git a/apps/cli/templates/frontend/nuxt/nuxt.config.ts.hbs b/apps/cli/templates/frontend/nuxt/nuxt.config.ts.hbs
index 03447fb..c5d0ca3 100644
--- a/apps/cli/templates/frontend/nuxt/nuxt.config.ts.hbs
+++ b/apps/cli/templates/frontend/nuxt/nuxt.config.ts.hbs
@@ -12,7 +12,7 @@ export default defineNuxtConfig({
   devServer: {
     port: 3001
   },
-  ssr: false,
+  ssr: true,
   {{#if (eq backend "convex")}}
   convex: {
     url: process.env.NUXT_PUBLIC_CONVEX_URL,
diff --git a/apps/cli/templates/frontend/nuxt/package.json.hbs b/apps/cli/templates/frontend/nuxt/package.json.hbs
index fa34901..9d618c0 100644
--- a/apps/cli/templates/frontend/nuxt/package.json.hbs
+++ b/apps/cli/templates/frontend/nuxt/package.json.hbs
@@ -10,12 +10,12 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@nuxt/ui": "3.3.0",
-    "nuxt": "^4.0.2",
-    "typescript": "^5.8.3",
-    "vue": "^3.5.18",
+    "@nuxt/ui": "3.3.3",
+    "nuxt": "^4.1.1",
+    "typescript": "^5.9.2",
+    "vue": "^3.5.21",
     "vue-router": "^4.5.1",
-    "zod": "^4.0.2"
+    "zod": "^4.1.5"
   },
   "devDependencies": {
     "tailwindcss": "^4.1.11",
diff --git a/apps/cli/templates/frontend/nuxt/tsconfig.json.hbs b/apps/cli/templates/frontend/nuxt/tsconfig.json.hbs
index 771b291..81390ff 100644
--- a/apps/cli/templates/frontend/nuxt/tsconfig.json.hbs
+++ b/apps/cli/templates/frontend/nuxt/tsconfig.json.hbs
@@ -1,5 +1,6 @@
 {
   // https://nuxt.com/docs/guide/concepts/typescript
+  "files": [],
   "references": [
     {
       "path": "./.nuxt/tsconfig.app.json"