use server.port instead of --port for vite

Author: kettanaito

Diff for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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 for: 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)?'],