use server.port instead of --port for vite

kettanaito · kettanaito · commit 9eddd2faec1f · 2025-02-28T15:46:07.000+01:00
diff --git a/exercises/01.sunsetting-jsdom/01.problem.break-jsdom/package.json b/exercises/01.sunsetting-jsdom/01.problem.break-jsdom/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_01.sunsetting-jsdom_01.problem.break-jsdom",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/01.sunsetting-jsdom/01.problem.break-jsdom/vite.config.ts b/exercises/01.sunsetting-jsdom/01.problem.break-jsdom/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		environment: 'jsdom',
diff --git a/exercises/01.sunsetting-jsdom/01.solution.break-jsdom/package.json b/exercises/01.sunsetting-jsdom/01.solution.break-jsdom/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_01.sunsetting-jsdom_01.solution.break-jsdom",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/01.sunsetting-jsdom/01.solution.break-jsdom/vite.config.ts b/exercises/01.sunsetting-jsdom/01.solution.break-jsdom/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		environment: 'jsdom',
diff --git a/exercises/02.vitest-browser-mode/01.problem.installation-and-setup/package.json b/exercises/02.vitest-browser-mode/01.problem.installation-and-setup/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_01.problem.installation-and-setup",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/01.problem.installation-and-setup/vite.config.ts b/exercises/02.vitest-browser-mode/01.problem.installation-and-setup/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		environment: 'jsdom',
diff --git a/exercises/02.vitest-browser-mode/01.solution.installation-and-setup/package.json b/exercises/02.vitest-browser-mode/01.solution.installation-and-setup/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_01.solution.installation-and-setup",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/01.solution.installation-and-setup/vite.config.ts b/exercises/02.vitest-browser-mode/01.solution.installation-and-setup/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/02.problem.migrate-the-test/package.json b/exercises/02.vitest-browser-mode/02.problem.migrate-the-test/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_02.problem.migrate-the-test",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/02.problem.migrate-the-test/vite.config.ts b/exercises/02.vitest-browser-mode/02.problem.migrate-the-test/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/02.solution.migrate-the-test/package.json b/exercises/02.vitest-browser-mode/02.solution.migrate-the-test/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_02.solution.migrate-the-test",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/02.solution.migrate-the-test/vite.config.ts b/exercises/02.vitest-browser-mode/02.solution.migrate-the-test/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/03.problem.playwright/package.json b/exercises/02.vitest-browser-mode/03.problem.playwright/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_03.problem.playwright",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/03.problem.playwright/vite.config.ts b/exercises/02.vitest-browser-mode/03.problem.playwright/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/03.solution.playwright/package.json b/exercises/02.vitest-browser-mode/03.solution.playwright/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_03.solution.playwright",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/03.solution.playwright/vite.config.ts b/exercises/02.vitest-browser-mode/03.solution.playwright/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/04.problem.shared-assets/package.json b/exercises/02.vitest-browser-mode/04.problem.shared-assets/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_04.problem.shared-assets",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/04.problem.shared-assets/vite.config.ts b/exercises/02.vitest-browser-mode/04.problem.shared-assets/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/04.solution.shared-assets/package.json b/exercises/02.vitest-browser-mode/04.solution.shared-assets/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_04.solution.shared-assets",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/04.solution.shared-assets/vite.config.ts b/exercises/02.vitest-browser-mode/04.solution.shared-assets/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		browser: {
diff --git a/exercises/02.vitest-browser-mode/05.problem.multiple-workspaces/package.json b/exercises/02.vitest-browser-mode/05.problem.multiple-workspaces/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_05.problem.multiple-workspaces",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/02.vitest-browser-mode/05.problem.multiple-workspaces/vite.config.ts b/exercises/02.vitest-browser-mode/05.problem.multiple-workspaces/vite.config.ts
@@ -7,6 +7,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	// 🐨 Add a new property called `workspace`.
 	// As the value, provide an array with two entries.
 	// 💰 test: { workspace: [{}, {}] }
diff --git a/exercises/02.vitest-browser-mode/05.solution.multiple-workspaces/package.json b/exercises/02.vitest-browser-mode/05.solution.multiple-workspaces/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_02.vitest-browser-mode_05.solution.multiple-workspaces",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build",
     "test:unit": "vitest --project=unit",
diff --git a/exercises/02.vitest-browser-mode/05.solution.multiple-workspaces/vite.config.ts b/exercises/02.vitest-browser-mode/05.solution.multiple-workspaces/vite.config.ts
@@ -6,6 +6,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		workspace: [
 			{
diff --git a/exercises/03.best-practices/01.problem.accessibility-selectors/package.json b/exercises/03.best-practices/01.problem.accessibility-selectors/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_01.problem.accessibility-selectors",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/01.problem.accessibility-selectors/vite.config.ts b/exercises/03.best-practices/01.problem.accessibility-selectors/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/01.solution.accessibility-selectors/package.json b/exercises/03.best-practices/01.solution.accessibility-selectors/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_01.solution.accessibility-selectors",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/01.solution.accessibility-selectors/vite.config.ts b/exercises/03.best-practices/01.solution.accessibility-selectors/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/02.problem.user-events/package.json b/exercises/03.best-practices/02.problem.user-events/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_02.problem.user-events",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/02.problem.user-events/vite.config.ts b/exercises/03.best-practices/02.problem.user-events/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/02.solution.user-events/package.json b/exercises/03.best-practices/02.solution.user-events/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_02.solution.user-events",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/02.solution.user-events/vite.config.ts b/exercises/03.best-practices/02.solution.user-events/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/03.problem.network-mocking/package.json b/exercises/03.best-practices/03.problem.network-mocking/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_03.problem.network-mocking",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/03.problem.network-mocking/vite.config.ts b/exercises/03.best-practices/03.problem.network-mocking/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/03.solution.network-mocking/package.json b/exercises/03.best-practices/03.solution.network-mocking/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_03.solution.network-mocking",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/03.solution.network-mocking/vite.config.ts b/exercises/03.best-practices/03.solution.network-mocking/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/04.problem.element-presence/package.json b/exercises/03.best-practices/04.problem.element-presence/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_04.problem.element-presence",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/04.problem.element-presence/vite.config.ts b/exercises/03.best-practices/04.problem.element-presence/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/04.solution.element-presence/package.json b/exercises/03.best-practices/04.solution.element-presence/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_04.solution.element-presence",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/04.solution.element-presence/vite.config.ts b/exercises/03.best-practices/04.solution.element-presence/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/05.problem.page-navigation/package.json b/exercises/03.best-practices/05.problem.page-navigation/package.json
@@ -2,7 +2,7 @@
   "type": "module",
   "name": "exercises_03.best-practices_05.problem.page-navigation",
   "scripts": {
-    "dev": "vite --port=4000",
+    "dev": "vite",
     "test": "vitest",
     "build": "vite build"
   },
diff --git a/exercises/03.best-practices/05.problem.page-navigation/vite.config.ts b/exercises/03.best-practices/05.problem.page-navigation/vite.config.ts
@@ -5,6 +5,9 @@ import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
 	plugins: [react(), tailwindcss()],
+	server: {
+		port: process.env.PORT ? Number(process.env.PORT) : undefined,
+	},
 	test: {
 		globals: true,
 		include: ['**/*.browser.test.ts(x)?'],
diff --git a/exercises/03.best-practices/05.solution.page-navigation/package.json b/exercises/03.best-practices/05.solution.page-navigation/package.json
diff --git a/exercises/03.best-practices/05.solution.page-navigation/vite.config.ts b/exercises/03.best-practices/05.solution.page-navigation/vite.config.ts
diff --git a/exercises/04.debugging/01.problem.dom-snapshots/package.json b/exercises/04.debugging/01.problem.dom-snapshots/package.json
diff --git a/exercises/04.debugging/01.problem.dom-snapshots/vite.config.ts b/exercises/04.debugging/01.problem.dom-snapshots/vite.config.ts
diff --git a/exercises/04.debugging/01.solution.dom-snapshots/package.json b/exercises/04.debugging/01.solution.dom-snapshots/package.json
diff --git a/exercises/04.debugging/01.solution.dom-snapshots/vite.config.ts b/exercises/04.debugging/01.solution.dom-snapshots/vite.config.ts
diff --git a/exercises/04.debugging/02.problem.debugger/package.json b/exercises/04.debugging/02.problem.debugger/package.json
diff --git a/exercises/04.debugging/02.problem.debugger/vite.config.ts b/exercises/04.debugging/02.problem.debugger/vite.config.ts
diff --git a/exercises/04.debugging/02.solution.debugger/package.json b/exercises/04.debugging/02.solution.debugger/package.json
diff --git a/exercises/04.debugging/02.solution.debugger/vite.config.ts b/exercises/04.debugging/02.solution.debugger/vite.config.ts
diff --git a/exercises/04.debugging/03.problem.breakpoints/package.json b/exercises/04.debugging/03.problem.breakpoints/package.json
diff --git a/exercises/04.debugging/03.problem.breakpoints/vite.config.ts b/exercises/04.debugging/03.problem.breakpoints/vite.config.ts
diff --git a/exercises/04.debugging/03.solution.breakpoints/package.json b/exercises/04.debugging/03.solution.breakpoints/package.json
diff --git a/exercises/04.debugging/03.solution.breakpoints/vite.config.ts b/exercises/04.debugging/03.solution.breakpoints/vite.config.ts
