Go back to Vite default port (5173) + allows Vite port to be in env variable

Author: lcharette

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ## [6.0.0-beta.4](https://github.com/userfrosting/UserFrosting/compare/6.0.0-beta.3...6.0.0-beta.4)
 - Add exclude list for optimizeDeps in Vite config
 - Add Admin Sprinkle to main.ts
+- Go back to Vite default port (`5173`) + allows Vite port to be in env variable
 
 ## [6.0.0-beta.3](https://github.com/userfrosting/UserFrosting/compare/6.0.0-beta.2...6.0.0-beta.3)
 - Add 'limax' to optimizeDeps (Prevents "importing binding name 'default' cannot be resolved by star export entries")

vite.config.ts

@@ -3,6 +3,9 @@ import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 import ViteYaml from '@modyfi/vite-plugin-yaml'
 
+// Get vite port from env, default to 3000
+const vitePort = parseInt(process.env.VITE_PORT || '5173', 10)
+
 // https://vitejs.dev/config/
 export default defineConfig({
     plugins: [
@@ -14,8 +17,8 @@ export default defineConfig({
     ],
     server: {
         strictPort: true,
-        port: 3000,
-        origin: 'http://localhost:3000'
+        port: vitePort,
+        origin: `http://localhost:${vitePort}`,
     },
     root: 'app/assets/',
     base: '/assets/',