chore: use config settings in vite dev server

vite.config.ts

@@ -5,6 +5,7 @@ import { reactRouterHonoServer } from 'react-router-hono-server/dev';
 import tailwindcss from 'tailwindcss';
 import { defineConfig } from 'vite';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import { parse } from 'yaml';
 
 const prefix = process.env.__INTERNAL_PREFIX || '/admin';
 if (prefix.endsWith('/')) {
@@ -18,9 +19,17 @@ if (!version) {
 	throw new Error('Unable to read version from package.json');
 }
 
+// Load the config without any environment variables (not needed here)
+const config = await readFile('config.example.yaml', 'utf-8');
+const { server } = parse(config);
+
 export default defineConfig(({ isSsrBuild }) => ({
 	base: isSsrBuild ? `${prefix}/` : undefined,
 	plugins: [reactRouterHonoServer(), reactRouter(), tsconfigPaths()],
+	server: {
+		host: server.host,
+		port: server.port,
+	},
 	css: {
 		postcss: {
 			plugins: [tailwindcss, autoprefixer],