Update frontend dependencies; add terser for JavaScript minification in development environment

FIX_TERSER.md

@@ -0,0 +1,59 @@
+# Terser-Fehler beheben
+
+## Problem
+
+```
+error during build:
+[vite:terser] terser not found. Since Vite v3, terser has become an optional dependency.
+```
+
+## Lösung
+
+Terser wurde zu `package.json` hinzugefügt. Auf dem Server ausführen:
+
+```bash
+cd /var/www/timeclock/frontend
+
+# Dependencies neu installieren (inkl. terser)
+npm install
+
+# Build erneut ausführen
+npm run build
+```
+
+## Alternativ: esbuild statt terser verwenden
+
+Falls terser weiterhin Probleme macht, kannst du auch den Standard-Minifier (esbuild) verwenden:
+
+### In `frontend/vite.config.js` ändern:
+
+```javascript
+build: {
+  target: 'es2015',
+  outDir: 'dist',
+  assetsDir: 'assets',
+  sourcemap: false,
+  minify: 'esbuild',  // Statt 'terser'
+  // terserOptions entfernen
+  rollupOptions: {
+    output: {
+      manualChunks: {
+        'vue-vendor': ['vue', 'vue-router', 'pinia']
+      }
+    }
+  },
+  chunkSizeWarningLimit: 1000
+},
+```
+
+## Was ist der Unterschied?
+
+- **terser**: Bessere Kompression (~5% kleiner), langsamerer Build
+- **esbuild**: Schnellerer Build, minimal größere Dateien
+
+Für Produktion ist terser besser, für Entwicklung esbuild schneller.
+
+## Automatisch behoben
+
+Die `package.json` wurde bereits angepasst. Einfach `npm install` ausführen!
+

frontend/package.json

@@ -15,7 +15,8 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "terser": "^5.27.0"
   }
 }