Change prod workflow and add automatic deployment

client/vite.config.js

@@ -1,29 +1,33 @@
 import { fileURLToPath, URL } from 'node:url';
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import vueDevTools from 'vite-plugin-vue-devtools';
 
-export default defineConfig({
-  plugins: [
-    vue(),
-    vueDevTools(),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-  server: {
-    allowedHosts: [
-      'zenkanji.crylia.de',
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+
+  return {
+    plugins: [
+      vue(),
+      vueDevTools(),
     ],
-    host: true,
-    port: 5173,
-    strictPort: true,
-    hmr: {
-      host: 'zenkanji.crylia.de',
-      protocol: 'wss',
-      clientPort: 443,
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
+      },
     },
-  },
+    server: {
+      allowedHosts: [
+        'localhost',
+      ],
+      host: true,
+      port: 5173,
+      strictPort: true,
+      hmr: {
+        host: 'localhost',
+        protocol: 'ws',
+        clientPort: 5173,
+      },
+    },
+  };
 });