Migración de proyectos y actualización de frameworks

Actualiza este proyecto Vue 2 a Vue 3, con los siguientes requisitos:

1. Convierte todos los componentes Options API a Composition API (sintaxis script setup)
2. Migra Vuex a Pinia
3. Actualiza Vue Router 3 a Vue Router 4 (ten cuidado con la sintaxis de guardias de ruta)
4. Maneja APIs eliminadas como $listeners, $attrs, filters
5. Verifica la compatibilidad de Element UI → Element Plus (u otra librería de componentes)

Entrega los cambios por archivo, explica por qué cambiaste cada cosa.
Al final lista los problemas de compatibilidad con librerías de terceros que necesiten revisión manual.

Migra esta aplicación Express.js a Fastify:

1. Migración de rutas: cambia el router de Express al sistema de registro de rutas de Fastify
2. Migración de middleware:
   - body-parser → incluido en Fastify
   - cors → @fastify/cors
   - helmet → @fastify/helmet
   - Middleware personalizado → Fastify hooks (onRequest / preHandler)
3. Manejo de errores: middleware de error de Express → setErrorHandler de Fastify
4. Objetos request/response: gestiona las diferencias en APIs como req.body / res.json
5. Validación: joi / express-validator → validación JSON Schema incluida en Fastify

Mantén todas las interfaces API existentes igual, asegúrate que el frontend no se dé cuenta.

Ayúdame a migrar este proyecto Webpack a Vite:

1. Crea vite.config.ts que corresponda a la configuración del webpack.config.js existente
2. Maneja estas diferencias comunes:
   - require() → import
   - process.env → import.meta.env
   - Configuración de CSS modules / SCSS
   - Configuración de alias
   - Configuración de proxy
3. Identifica loaders de Webpack incompatibles, recomienda plugins de Vite como alternativa
4. Actualiza los scripts en package.json
5. Maneja problemas de compatibilidad con dependencias CommonJS

Entrega los archivos de configuración migrados y un listado de archivos fuente que necesitan cambios.