Projekt-Migration und Framework-Upgrade

Upgrade dieses Vue 2 Projekt auf Vue 3, Anforderungen:

1. Alle Options API Komponenten zu Composition API umschreiben (script setup Syntax)
2. Vuex State Management zu Pinia migrieren
3. Vue Router 3 zu Vue Router 4 upgraden (Route-Guard Syntax beachten)
4. $listeners, $attrs, Filter und andere entfernte APIs bearbeiten
5. Element UI → Element Plus Kompatibilität checken (oder andere UI-Libs)

Output pro Datei mit Erklärung für jeden Change.
Am Ende: Liste von Third-Party-Dependency Problemen, die manuell gecheckt werden müssen.

Migriere diese Express.js App zu Fastify:

1. Route-Migration: Express Router → Fastify Route-Registrierung
2. Middleware-Migration:
   - body-parser → Fastify Built-in
   - cors → @fastify/cors
   - helmet → @fastify/helmet
   - Custom Middleware → Fastify Hooks (onRequest / preHandler)
3. Error Handling: Express Error Middleware → Fastify setErrorHandler
4. Request/Response Objects: req.body / res.json API-Unterschiede handhaben
5. Validierung: joi / express-validator → Fastify Built-in JSON Schema Validation

Alle bestehenden API-Schnittstellen bleiben unverändert, Frontend merkt nichts.

Hilf mir, dieses Webpack-Projekt zu Vite zu migrieren:

1. Erstelle vite.config.ts, das die aktuelle webpack.config.js ersetzt
2. Bearbeite diese häufigen Unterschiede:
   - require() → import
   - process.env → import.meta.env
   - CSS Modules / SCSS Config
   - Alias-Config
   - Proxy-Config
3. Check auf inkompatible Webpack Loader, empfiehl Vite Plugin-Alternativen
4. Update package.json Scripts
5. Handle CommonJS-Dependency Kompatibilität

Gib die neue Config-Datei und eine Liste der zu ändernden Quelldateien.